Radio Group
Buttons
An accessible animated radio group with spring selection animation, horizontal/vertical layout, keyboard navigation, and per-option disable.
Loading preview...
Customize
Direction:
Disabled
Props
| Prop | Type | Default | Description |
|---|---|---|---|
options | RadioOption[] | [] | Array of { value, label, disabled? } objects. |
value | string | undefined | Currently selected value. |
onChange | (value: string) => void | undefined | Callback when a radio option is selected. |
direction | 'horizontal' | 'vertical' | 'vertical' | Layout direction of the radio group. |
disabled | boolean | false | Disables the entire radio group. |
className | string | '' | Additional CSS classes. |