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

Attributes

AttributeDescriptionTypeAccepted ValuesDefault
headertitle of the card. Also accepts a DOM passed by slot#headerstring
body-styleCSS style of bodyobject{ padding: '20px' }
shadowwhen to show card shadowsstringalways / hover / neveralways

Slots

NameDescription
customize default content

Source

ComponentDocs

Contributors