Radio group
Choose one of several options.
Installation
import { RadioGroup, RadioItem } from "~/components/ui/RadioGroup";Usage
<RadioGroup defaultValue="monthly">
<RadioItem value="monthly">Monthly</RadioItem>
<RadioItem value="annual">Annual</RadioItem>
</RadioGroup>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | string | - | Selected radio. |
| onValueChange | (value: string) => void | - | Change handler. |
Accessibility
- Built on the Base UI RadioGroup: arrow-key navigation and radiogroup/radio ARIA.