Skip to Content

Radio Group

A radio group allows a user to select a single item from a list of mutually exclusive options.

Orientation

Disabled

Component props

RadioGroup

NameTypeDescription
labelstringLabel text displayed above the group
valuestringControlled selected value
defaultValuestringDefault selected value
orientationOrientation"horizontal" | "vertical"
isDisabledbooleanDisables all radios in the group
onChange(value: string) => voidCalled when selection changes

Radio

NameTypeDescription
valuestringValue of this radio option (required)
isDisabledbooleanDisables this radio option