Radio Group
unreleasedstable
A roving-focus group for choosing one option from a small set.
import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
export function Component() {
return (
<RadioGroup defaultValue="email">
<RadioGroupItem value="email">Email</RadioGroupItem>
<RadioGroupItem value="sms">SMS</RadioGroupItem>
<RadioGroupItem value="none">None</RadioGroupItem>
</RadioGroup>
);
}RadioGroup
Root owner for selected value, orientation, disabled state, and form wiring.
RadioGroupItem
Focusable radio option with visual control, label slot, and hidden native input.
RadioGroupHiddenInput
Hidden native radio input used for form submission and reset behavior.