# Card 卡片

基础的容器组件，可以容纳任意内容。

## 使用示例

### 基本用法

[Example: 基本用法](./_example/CardExample.jsx)

## 场景示例

### 典型卡片

[Example: 典型卡片](./_example/CardCommonExample.jsx)

### 嵌套 Form

[Example: 嵌套 Form](../form/_example/FormLayoutExample.jsx)

### 嵌套 Table

[Example: 嵌套 Table](../table/_example/TableLayoutExample.jsx)

### 卡片嵌套

无边框卡片包裹有边框卡片。

[Example: 卡片的使用](./_example/CardNestExample.jsx)

<!-- <Half> -->

### 嵌套图片

图片展示。

[Example: 卡片的使用](./_example/CardImageExample.jsx)

### 嵌套图片及文案

[Example: 卡片的使用](./_example/CardImageTextExample.jsx)


### 结合 Tabs

[Example: 结合 Tabs](./_example/CardTabsExample.jsx)

<!-- </Half> -->


## 组件属性

[Interface: CardProps](./Card.tsx)

[Interface: CardHeaderProps](./Card.tsx)

[Interface: CardBodyProps](./Card.tsx)

[Interface: CardFooterProps](./Card.tsx)