ant-design/components/card/demo/basic.md
2018-09-01 12:50:52 +08:00

37 lines
503 B
Markdown

---
order: 0
title:
zh-CN: 典型卡片
en-US: Basic card
---
## zh-CN
包含标题、内容、操作区域。
## en-US
A basic card containing a title, content and an extra corner content.
````jsx
import { Card } from 'antd';
ReactDOM.render(
<Card
title="Card title"
extra={<a href="#">More</a>}
style={{ width: 300 }}
>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</Card>,
mountNode);
````
<style>
.code-box-demo p {
margin: 0;
}
</style>