---
title: Card
path: component/card
group: Data Display
---

## Card

Card is used for information displayed on the card container.

### Guides

-   Control whether to display title by `title`
-   Provide interactive operation through `action`
-   Customize content style through `bodyStyle` 

### API

| Props        | Description      | Type     | Default  |
| --------- | ------- | ------ | ---- |
| title      | card's title    | node |  |
| action      | card's operation    | node |  |
| style | custom style of the card container | object | `{}` |
| bodyStyle | custom style of the content area | object | `{}` |
| className | custom calssname | string | `''` |
| prefix | custom prefix | string | `zent` |