Radio
One choice out of a set. Group options by giving them a shared name.
With descriptions
Descriptions carry the trade-off between options, which is usually what the choice actually turns on.
States
Controlled
Selected: growth
Props
Every other native input attribute is forwarded to the underlying <input type="radio">.
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | Text rendered beside the dot. | |
| description | string | Supporting line under the label. | |
| name | string | Shared across a group; this is what makes the options mutually exclusive. | |
| checked | boolean | Controlled selected state. | |
| defaultChecked | boolean | Uncontrolled initial state. | |
| disabled | boolean | false | Disables the input. |
| onChange | (e: ChangeEvent<HTMLInputElement>) => void | Fires on select. |