ant-design/components/card/demo/basic.md

---
order: 0
title: 典型卡片
---

包含标题、内容、操作区域。

````jsx
import { Card } from 'antd';

ReactDOM.render(
  <Card title="卡片标题" extra={<a href="#">更多</a>} style={{ width: 300 }}>
    <p>卡片的内容</p>
    <p>卡片的内容</p>
    <p>卡片的内容</p>
  </Card>
, mountNode);
````
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 0`
			`title: 典型卡片`
			`---`
Add card 2016-02-19 19:35:49 +08:00
			`包含标题、内容、操作区域。`

			````jsx
			`import { Card } from 'antd';`

Add Card style and demo 2016-02-20 16:40:18 +08:00			`ReactDOM.render(`
			`<Card title="卡片标题" extra={<a href="#">更多</a>} style={{ width: 300 }}>`
Add card borderd prop 2016-04-10 15:38:52 +08:00			`<p>卡片的内容</p>`
			`<p>卡片的内容</p>`
			`<p>卡片的内容</p>`
Add Card style and demo 2016-02-20 16:40:18 +08:00			`</Card>`
			`, mountNode);`
Add card 2016-02-19 19:35:49 +08:00			````