Choice Card
Radio shown as cards, for options that need a description.
Session
Usage
import { ChoiceCardGroup } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- Sessions, plans or methods with a description each.
When not to use
- Options without a description. Use Radio or Segmented.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | required | |
items | { value, label, description?, isDisabled? }[] | required | |
value, defaultValue, onChange | string, string, (v) => void | - |
Accessibility
- Unavailable options stay visible and say why in the description.