Multi selectable cards - Web Component ​

The MultiSelectableCards component can be used imported from:

Playground ​

Parameters ​

...

Slots ​

This component has slots. Check the documentation about how to use the slots.

NameTagsDescription

Parameters use ​

model ​

Same as the open attribute, the model attribute is used to set the accordion item as open by default. Default is false.

Body text inside accordion

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.

config ​

The config attribute it's used to set the size of the accordion item. Default is m. You can also set it as l.

Body text inside accordion

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​