ComponentClient component

Radio Group

A keyboard-accessible set of mutually exclusive options.

Installation

Preview

Compact

Comfortable

Spacious

Usage

tsx

import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group"

<RadioGroup defaultValue="comfortable">
  <RadioGroupItem value="compact" />
  <RadioGroupItem value="comfortable" />
</RadioGroup>

API reference

Prop	Type	Default	Description
`className`	`string`	`—`	Overrides or extends the generated Tailwind classes.
`disabled`	`boolean`	`false`	Prevents user interaction when supported.