Documentation

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.

preview

Default

Comfortable

Compact

Usage

import { Label, RadioGroup, RadioGroupItem } from '@isyuricunha/ui'

<RadioGroup defaultValue='option-one'>
  <div className='flex items-center space-x-2'>
    <RadioGroupItem value='option-one' id='option-one' />
    <Label htmlFor='option-one'>Option One</Label>
  </div>
  <div className='flex items-center space-x-2'>
    <RadioGroupItem value='option-two' id='option-two' />
    <Label htmlFor='option-two'>Option Two</Label>
  </div>
</RadioGroup>

Edit on GitHub