---
name: Card
title: 卡片
group: DataDisplay
---
用于组织信息和操作，通常也作为详细信息的入口。

## 规则

- 形状为矩形，高度可定义。
- 可包含多种类型的元素，eg：图片、文字、按钮等。

## 示例

{% exCode "DataDisplay/XCard/index.js" %}
{% exView "data-display/card" %}

## API

### Card

| 成员        | 说明           | 类型         | 默认值       |
|------------|----------------|-----------|---------------|
| across | 是否通栏 | boolean | true |
| className | 样式类名 | string | - |

### Card.Header

| 成员        | 说明           | 类型         | 默认值       |
|------------|----------------|-----------|---------------|
| splitLine | 是否有分割线 | boolean | true |
| rightContent | 右侧辅助元素 | string/React.Element | - |
| className | 样式类名 | string | - |

### Card.Body

| 成员        | 说明           | 类型         | 默认值       |
|------------|----------------|-----------|---------------|
| className | 样式类名 | string | - |

### Card.Footer

| 成员        | 说明           | 类型         | 默认值       |
|------------|----------------|-----------|---------------|
| splitLine | 是否有分割线 | boolean | true |
| className | 样式类名 | string | - |