Skip to content 
Option 1Option 2Option 3Option 4
MultiSelectableCards 🟠 Not ready
The MultiSelectableCards component can be used imported from:
Playground
Parameters
Events
This component has events. Check the documentation about how to use the events.
| Name | Payload | Description |
|---|---|---|
change | string[] | Emitted when the value changes |
restarted | void | Emitted when the value is reset |
blur | void | Emitted on blur |
Parameters use
Check the documentation about how to use the parameters.
ngModel
Attention!
If you hardcode this value, it will not be reactive and the selection won't change. Use a variable instead and, ideally, a closed loop.
The model attribute is used to model the selected cards.
options
The options parameter is used to set the options of the radio select. The option object should contain the text and value keys.
We can use <option> tags to define the values of options
We can use slots to define the content of the cards with the option-<value> slot.
Flags
disabled
A flag that disables all the cards.
invalid
A flag that marks the input as invalid.
checkboxes
A flag that makes the cards selectable by checkboxes.
horizontal
A flag that makes layout horizontal.
compact
A flag that makes the card compact, with less padding.
Browser support
Detected engine:
Chromium
Webkit
Gecko
CodeSandbox example
Sorry, not available yet ☹️