Card

Integrate information in a card container.

Basic usage

Card includes header, body and footer.

Simple Card

The header and footer part can be omitted.

Custom Content

Display richer content by adding some configs.

Shadow

You can define when to show the card shadows

Attributes

Attribute	Description	Type	Accepted Values	Default
body-class	CSS class of body	string	—	—
header-class	CSS class of header	string	—	—
footer-class	CSS class of footer	string	—	—
shadow	when to show card shadows	string	lv1 / lv2 / lv3 / hover / never	lv1
bordered	enable border	boolean	—	false

Slots

Name	Description
—	customize default content
header	customize header content
footer	customize footer content