Sidera/Components/Radio
Radio
Radio groups let people choose exactly one option from a short, visible set. When only one answer is valid, radios beat a dropdown.
CategoryForms
StatusStable
01 —Overview
Group related radios under a single RadioGroup so only one can be selected at a time. Keep the set short — five options or fewer.
02 —Disabled
03 —Properties
PropTypeDefault
RadioGroup valuestring—
RadioGroup defaultValuestring—
RadioGroup onValueChange(value) => void—
Radio valuestringrequired
Radio disabledbooleanfalse
Radio labelReactNode—
04 —Accessibility
- Built on Base UI — arrow keys move selection within the group.
- Exposed as a radiogroup with correct roles and checked state.
- Each radio has an associated label and a visible focus ring.