Radio

Provides single user input from a selection of options.

Option 1

Option 2

{componentName} props
Name	Type	Description
`label`	`string`	aria-labelledby for the RadioGroup.
`name`	`string (optional)`	Explicitly set the name of the input.
`value`	`string \| null`	Currently selected value.
`onChange`	`(value: string \| null) => void`	Called when an option is selected.
`required`	`boolean`	Makes the input required.
`disabled`	`boolean`	Disables all options.

{componentName} props
Name	Type	Description
`value`	`string`	Value of the item.
`label`	`boolean`	Whether the children components should be a label or span
`disabled`	`boolean`	Disables the item.

Option 1

Option 2

Code Editor

Option 1

Option 2

Code Editor

Code Editor

Detach the radio icon to anywhere in your UI.

Option 1Option 2

Code Editor