Radio Group
A set of interactive radio buttons where only one option can be selected at a time. Fully accessible and keyboard navigable.
$cookest-ui add radio-group
Dietary Preference
Use Radio Group when the user must choose exactly one from a list.
Selected: omnivore
Pricing Plans
Use card-style radio groups for feature-rich plan selection.
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | — | The controlled selected value. |
onValueChange | (value: string) => void | — | Callback when selection changes. |
defaultValue | string | — | Default selected value (uncontrolled). |
disabled | boolean | false | Disables the entire radio group. |
orientation | "horizontal" | "vertical" | "vertical" | Layout direction of the items. |