mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-12 15:19:58 +08:00
940 B
940 B
order | title | ||||
---|---|---|---|---|---|
7 |
|
zh-CN
可以放在普通卡片内部,展示多层级结构的信息。
en-US
It can be placed inside the ordinary card to display the information of the multilevel structure.
import { Card } from 'antd';
ReactDOM.render(
<Card title="Card title">
<p className="site-card-demo-inner-p">Group title</p>
<Card type="inner" title="Inner Card title" extra={<a href="#">More</a>}>
Inner Card content
</Card>
<Card
style={{ marginTop: 16 }}
type="inner"
title="Inner Card title"
extra={<a href="#">More</a>}
>
Inner Card content
</Card>
</Card>,
mountNode,
);
.site-card-demo-inner-p {
font-size: 14px;
color: rgba(0, 0, 0, 0.85);
margin-bottom: 16px;
font-weight: 500;
}