ChoiceCards.
Radio-style selection cards for product plans, layouts and templates.
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
value | string | Yes | — | — | Selected card value. |
options | ChoiceCardOption[] | Yes | — | — | Choices with value, title, description and optional icon. |
onValueChange | (value:string)=>void | No | — | — | Called when a card is selected. |
label | string | No | Choose an option | — | Accessible radiogroup label. |
columns | 2 | 3 | No | 2 | — | Number of card columns. |
disabled | boolean | No | false | true · false | Disable all options. |
className | string | No | — | — | Additional CSS class on the outer component element. |