mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 21:48:19 +08:00
710 B
710 B
order | title | ||||
---|---|---|---|---|---|
4 |
|
zh-CN
在系统概览页面常常和栅格进行配合。
en-US
Cards usually cooperate with grid column layout in overview page.
import { Card, Col, Row } from 'antd';
ReactDOM.render(
<div style={{ background: '#ECECEC', padding: '30px' }}>
<Row gutter={16}>
<Col span={8}>
<Card title="Card title" bordered={false}>Card content</Card>
</Col>
<Col span={8}>
<Card title="Card title" bordered={false}>Card content</Card>
</Col>
<Col span={8}>
<Card title="Card title" bordered={false}>Card content</Card>
</Col>
</Row>
</div>,
mountNode
);