Radio Group

A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.

Code

import { RadioGroup, RadioGroupItem } from '@/components/ui/Radio';
<RadioGroup defaultValue='comfortable'>
  <div className='flex items-center space-x-2'>
    <RadioGroupItem value='default' id='r1' />
    <label htmlFor='r1'>Default</label>
  </div>
  <div className='flex items-center space-x-2'>
    <RadioGroupItem value='comfortable' id='r2' />
    <label htmlFor='r2'>Comfortable</label>
  </div>
  <div className='flex items-center space-x-2'>
    <RadioGroupItem value='compact' id='r3' />
    <label htmlFor='r3'>Compact</label>
  </div>
</RadioGroup>