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
Name | Description | Type | Default |
---|---|---|---|
header | title of the card. Also accepts a DOM passed by slot#header | string | — |
footer 2.4.3 | footer of the card. Also accepts a DOM passed by slot#footer | string | — |
body-style | CSS style of card body | object | — |
body-class 2.3.10 | custom class name of card body | string | — |
shadow | when to show card shadows | enum | always |
Slots
Name | Description |
---|---|
default | customize default content |
header | content of the Card header |
footer | content of the Card footer |