Radio Group

import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'
import { Label } from '@/components/ui/label'

<RadioGroup defaultValue='comfortable'>
  <div className='flex items-center gap-2'>
    <RadioGroupItem value='default' id='r1' />
    <Label htmlFor='r1'>Default</Label>
  </div>
  <div className='flex items-center gap-2'>
    <RadioGroupItem value='comfortable' id='r2' />
    <Label htmlFor='r2'>Comfortable</Label>
  </div>
  <div className='flex items-center gap-2'>
    <RadioGroupItem value='compact' id='r3' />
    <Label htmlFor='r3'>Compact</Label>
  </div>
</RadioGroup>