Card - Web Component ​

The Card component can be used imported from:

Playground ​

Parameters ​

...

Events ​

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

NamePayloadDescription
clickvoid

Slots ​

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

NameTagsDescription
defaultspanSlot for the card content

Parameters use ​

config ​

The config attribute is used to set the padding and display of the card.

Lorem ipsum dolor sit amet
  • The first modifier is used to remove the padding of the card. Setting slim as a value will remove the padding.
Lorem ipsum dolor sit amet
  • The second modifier is used to set the display of the card. Setting display as a value will set the display.
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet

Flags ​

clickable ​

The clickable attribute is used to make the card clickable.

Lorem ipsum dolor sit amet

Browser support ​

Detected engine:  

  • Chromium

  • Webkit

  • Gecko

HTML Examples ​

CodeSandbox example ​