A single option within a RadioGroup — never used standalone, since a radio's whole behavior
(mutual exclusivity via a shared name) only exists in relation to the group it belongs to. See
RadioGroup for the group that provides that context.
tsx
Demo
<Radio label="Option A" value="a" />label
value
Examples
Disable an individual option — a plan that's temporarily unavailable, say — without disabling the whole group:
tsx
Plan
<RadioGroup label="Plan" defaultValue="free">
<Radio value="free" label="Free" />
<Radio value="pro" label="Pro" />
<Radio value="enterprise" label="Enterprise — contact sales" disabled />
</RadioGroup>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| className | text | — | — |
| disabled | boolean | — | — |
| label | text | — | — |
| value * | text | — | — |