primitives/@mihcm/ui·v0.21.0·stable
RadioCardGroup
Card-style single-selection control built on RadioGroup semantics for plans, permissions, and setup choices.
Props
The full prop API for RadioCardGroup. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
options | RadioCardOption[] | — | Options with value, title, optional description, icon, and disabled state. | 0.12.0 |
value | string | — | Selected option value. | 0.12.0 |
onValueChange | (value: string) => void | — | Selection change handler. | 0.12.0 |
orientation | 'horizontal' | 'vertical' | 'vertical' | RadioGroup orientation and grid behavior. | 0.12.0 |
columns | 1 | 2 | 3 | 4 | 2 | Responsive column count when orientation is horizontal. | 0.12.0 |
tone | 'primary' | 'accent' | 'primary' | Selected-card tone. | 0.12.0 |
disabled | boolean | — | Disable all options. | 0.12.0 |
className | string | — | Additional Tailwind classes on the root fieldset. | 0.12.0 |
Import
import { RadioCardGroup } from '@mihcm/ui/RadioCardGroup';