Loading navigation…
User
API and Development
RadioCardGroup wraps Radix RadioCards with mutually exclusive selection. Pass options with value, label, optional description, and per-option layout hints. Supports horizontal to lay out cards in one row, showIndicator to hide radio dots, indicatorPosition, disabled, and readOnly.
Name | Type | Default | Description |
|---|---|---|---|
|
| — | The label to display on the radio card |
|
| — | The value of the radio card |
|
| — | Optional description text to display below the label |
|
|
| Whether the radio card is disabled |
|
|
| Position of the indicator relative to the content |
|
| — | Whether this card is currently selected |
|
|
| Whether the radio card is read only |
|
|
| Whether to show the radio indicator |
Interactive examples and edge cases for this component are in Storybook.
Use for card-based selection with rich content.
Add descriptions to provide additional context for each option.
Position the radio indicator on the right side.
Hide radio indicators for minimal visual presentation.
Control RadioCards selection programmatically.
Disable the entire card group or specific options.
Choose the appropriate component based on context and content needs.