mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-05 09:49:57 +08:00
e361b30ded
* 🎬 update Card demo * refactor card code * 🎬 update Tabs demo * update snapshot
896 B
896 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 className="site-card-wrapper">
<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,
);