Card

Integrate information in a card container.

Basic usage

Card includes title, content and operations.

Simple card

The header part can be omitted.

With images

Display richer content by adding some configs.

Shadow

You can define when to show the card shadows

API

Attributes

NameDescriptionTypeDefault
headertitle of the card. Also accepts a DOM passed by slot#headerstring
footer 2.4.3footer of the card. Also accepts a DOM passed by slot#footerstring
body-styleCSS style of card bodyobject
body-class 2.3.10custom class name of card bodystring
shadowwhen to show card shadowsenumalways

Slots

NameDescription
defaultcustomize default content
headercontent of the Card header
footercontent of the Card footer

Source

ComponentDocs

Contributors