Radio

Examples

Controlled radio 1

Controlled radio 2

Copied to clipboard

Uncontrolled radio example

Copied to clipboard

Disabled checked radio example

Disabled radio example

Copied to clipboard

Badge here!

Different badge!

Copied to clipboard

The Radio component accepts the following props.

Name	Type	Default	Description
className	string	''	Additional classes added to the Radio.
isValid	bool	true	Flag to show if the Radio selection is valid or invalid.
isDisabled	bool	false	Flag to show if the Radio is disabled.
isChecked	bool	null	Flag to show if the Radio is checked.
onChange	func	() => undefined	A callback for when the Radio selection changes.
label	node	undefined	Label text of the Radio.
id	string		Id of the Radio.
aria-label	custom	null	Aria-label of the Radio.
name	string		Name for group of Radios