components
RadioGroup
A single-select control built on Radix RadioGroup. Each option is a 44px touch row with a circular control that fills with the primary tone when selected, and the label is clickable.
Basic
Controlled, with a clickable label per option.
States
A disabled option sits inside an otherwise active group, and the whole group can be disabled.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| options | { value, label, disabled? }[] | none | The options to render, each with a value, label, and optional disabled flag. |
| value | string | none | Controlled selected value. |
| defaultValue | string | none | Uncontrolled initial value. |
| onValueChange | (v: string) => void | none | Change handler. |
| name | string | none | Form field name for the group. |
| disabled | boolean | false | Disable the whole group. |