components

Radio

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

PropTypeDefaultDescription
classNametext
disabledboolean
labeltext
value *text