Back to RadioGroup
RadioGroup

Horizontal options

Theme preference rendered inline from the options array.

API

PropTypeDefaultDescription
options{ value: string; text: string; disabled?: boolean; helpText?: React.ReactNode }[]Declarative option list.
value / defaultValuestringControlled / uncontrolled selected value.
onValueChange(value: string) => voidFires when the selection changes.
labelReact.ReactNodeTop field label.
helpTextReact.ReactNodeGroup-level help text.
errorReact.ReactNodeError text; sets `aria-invalid` on the group.
orientation"horizontal" | "vertical"verticalLayout and keyboard navigation direction.
controlPosition"start" | "end"startInline-start/end placement for each option.
View full API on RadioGroup

More RadioGroup examples