RadioGroup
Forms

RadioGroup.

A labelled, keyboard-native group of radio options.

Real interactive component
Live demo
Subscription

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

6 props
ParameterTypeRequiredDefaultPossible valuesDescription
namestringYes——Shared native name attribute for the radio set.
optionsArray<{value: string; label: string; disabled?: boolean}>Yes——Radio choices and their labels.
valuestringYes——Controlled selection.
onValueChange(value: string) => voidNo——Receives the chosen value.
labelstringYes——Visible group legend.
classNamestringNo——Additional CSS class on the outer component element.