Docs
Radio Group

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.

View source codeAPI reference
Edit this page

Usage

import { Label, RadioGroup, RadioGroupItem } from '@tszhong0411/ui'
<RadioGroup defaultValue='option-1'>
  <div className='flex items-center gap-2'>
    <RadioGroupItem value='option-1' id='option-1' />
    <Label htmlFor='option-1'>Option 1</Label>
  </div>
  <div className='flex items-center gap-2'>
    <RadioGroupItem value='option-2' id='option-2' />
    <Label htmlFor='option-2'>Option 2</Label>
  </div>
</RadioGroup>

Examples

Disabled