Radio

Radio buttons allow users to make a single selection among a group of options.

Prop	Type	Required	Default	Description
`'aria-describedby'`	`string`	—	—	—
`'aria-labelledby'`	`string`	—	—	—
`children`	`ReactNode`	Yes	—	—
`disabled`	`boolean`	—	—	—
`invalid`	`boolean`	—	—	—
`name`	`string`	—	—	—
`onChange`	`(selectedValue: Value) => void`	Yes	—	—
`size`	`RadioSize` `small`\|`medium`	—	—	—
`value`	`Value`	Yes	—	—

Radio — Guidelines

What radio buttons are for, when to use the small size, and rules for structuring a group of options.

Radio Button Group

Use a radio button group only when the options are predefined and there are at least 2 and at most 3 options.