element-ui/examples/docs/en-US/card.md

## Card Integrate information in a card container. ### Basic usage Card includes title, content and operations. :::demo Card is made up of `header` and `body`. `header` is optional, and its content distribution depends on a named slot. ```html

Card name Operation button

{{'List item ' + o }}

``` ::: ### Simple card The header part can be omitted. :::demo ```html

{{'List item ' + o }}

``` ::: ### With images Display richer content by adding some configs. :::demo The `body-style` attribute defines CSS style of custom `body`. This example also uses `el-col` for layout. ```html

Yummy hamburger

{{ currentDate }} Operating button

``` :::

Attributes

Attribute	Description	Type	Accepted Values	Default
header	Title of the card. Also accepts a DOM passed by slot#header	string	—	—
body-style	CSS style of body	object	—	{ padding: '20px' }