Card ⚠️ Experimental ​

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 ​

Check the documentation about how to use the parameters.

content ​

The content attribute is used to set the content of the card.

The default slot can also be used:

Card content

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

CodeSandbox example ​

Sorry, not available yet ☹️