Components
Radio Group
A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
Loading
Installation
pnpm dlx shadcn@latest add @reui/radio-group
Examples
Checked
Loading
Disabled
Loading
Size
Loading
Form
Loading
API Reference
This component is based on the Base UI Radio Group primitive.
RadioGroup
A customized radio group component that extends the Base UI RadioGroup primitive with additional styling and features. It supports all the props from Base UI's RadioGroup component.
| Prop | Type | Default | Description |
|---|---|---|---|
className | Additional class names for styling the radio group container. | ||
size | "md" | The size of the radio group items. |
RadioGroupItem
A customized radio group item component that extends the Base UI Radio primitive with additional styling and features. It supports all the props from Base UI's Radio.Root component.
| Prop | Type | Default | Description |
|---|---|---|---|
className | Additional class names for styling the radio group item. | ||
size | The size of the radio group item. Inherits from RadioGroup if not specified. | ||
value | The value of the radio group item. | ||
disabled | false | Whether the radio group item is disabled. |