Radio
Formv1.0.0
stable
Radio button component for selecting a single option from a set.
Preview
npx inam-ui add radioUsage Examples
Radio Group
Selection within a group of options
<Radio name="choice" label="Option A" value="a" />
<Radio name="choice" label="Option B" value="b" />Accessibility
Keyboard Navigation
- •Arrow Keys - Move focus and select between radio buttons in a group
- •Space - Select focused radio button
ARIA Labels
role='radio'aria-checked
Props
| Name | Type | Default | Description |
|---|---|---|---|
label | string | — | Label text for the radio button. |
checked | boolean | false | Whether the radio is selected. |
value | string | — | Value of the radio button. |
name | string | — | Name of the radio group. |