Radio

A single choice from a small, visible set. Base UI drives selection, roving focus and the radiogroup ARIA wiring; the dot fills with the accent green when selected. Radio is just the control — pair it with a label.

Radio group

Pay by card Send an invoice Bank transfer (unavailable)

<RadioGroup defaultValue="card">  <label className="flex items-center gap-2">    <Radio value="card" /> Pay by card  </label>  <label className="flex items-center gap-2">    <Radio value="invoice" /> Send an invoice  </label>  <label className="flex items-center gap-2">    <Radio value="transfer" disabled /> Bank transfer (unavailable)  </label></RadioGroup>

Props

Prop	Type	Default	Notes
`RadioGroup.value / defaultValue`	`string`	—	Controlled or initial selection.
`RadioGroup.onValueChange`	`(value) => void`	—	Called when the choice changes.
`RadioGroup.disabled`	`boolean`	—	Disables the whole group.
`Radio.value`	`string`	—	Identifies the option. Required.
`Radio.disabled`	`boolean`	—	Disables a single option.