Skip to content

Radio

Provides single user input from a selection of options.

Default Radio Example

RadioGroup Props

{componentName} props
Name
Type
Description
labelstringaria-labelledby for the RadioGroup.
namestring (optional)Explicitly set the name of the input.
valuestring | nullCurrently selected value.
onChange(value: string | null) => voidCalled when an option is selected.
requiredbooleanMakes the input required.
disabledbooleanDisables all options.

RadioItem Props

{componentName} props
Name
Type
Description
valuestringValue of the item.
labelbooleanWhether the children components should be a label or span
disabledbooleanDisables the item.
Default Radio Example
Code Editor
Disabled Radio Example
Code Editor
Required Radio Example

Code Editor

Detach the radio icon to anywhere in your UI.

Code Editor