Radio

PreviousNext

A single radio control. Pair with ControlLabel inside RadioGroup.

import { RadioGroup, Radio, ControlLabel } from "@/rl-ui";

<RadioGroup defaultValue="a">
<ControlLabel label="Option A" control={<Radio value="a" />} />
</RadioGroup>

Examples

With ControlLabel

Radio itself is circle-only. Wrap with ControlLabel for accessible text labels.

import { RadioGroup, Radio, ControlLabel } from "@/rl-ui";

<RadioGroup defaultValue="email" layout="vertical">
<ControlLabel label="Email" control={<Radio value="email" />} />
<ControlLabel label="SMS" control={<Radio value="sms" />} />
</RadioGroup>

API

PropTypeDefaultDescription
valuestring—Option value (required).
disabledbooleanfalsePrevents interaction.
idstring—Passed through to the radio item.
classNamestring—Classes on the radio circle.