Radio

import { Radio } from '@k8ordo/ui';

const options = [
  { label: 'React', value: 'react' },
  { label: 'Vue', value: 'vue' },
  { label: 'Svelte', value: 'svelte' },
];

<p id="radio-label">Framework</p>
<Radio
  defaultValue="vue"
  disabled={false}
  aria-labelledby="radio-label"
  options={options}
/>

const [value, setValue] = useState('react');

<p id="radio-controlled-label">Framework</p>
<Radio
  disabled={false}
  aria-labelledby="radio-controlled-label"
  onChange={(value) => setValue(value)}
  options={options}
  value={value}
/>

<p id="radio-disabled-label">Framework</p>
<Radio
  defaultValue="vue"
  disabled
  aria-labelledby="radio-disabled-label"
  options={options}
/>