Radio Group
A set of checkable elements, commonly referred to as radio buttons, wherein only one of the elements can be selected at any given time.
Dependencies
- @radix-ui/react-radio-group (opens in a new tab) - Built on top of this primitive.
Usage
Variants
RadioGroup has two variants: default and emphasis.
Size
RadioGroup has two sizes: sm and lg.
Disabled
RadioItem can be disabled by passing the disabled prop.
Headless
Form
API Reference
To see the full API docs of Radio Group component visit Radix Docs (opens in a new tab).
| Prop | Type | Default |
|---|---|---|
variant | enum | default |
size | enum | sm |