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

38 lines
699 B
Markdown
Raw Normal View History

---
order: 7
title:
zh-CN: 内部卡片
en-US: Inner card
---
## zh-CN
可以放在普通卡片内部,展示多层级结构的信息。
## en-US
It can be placed inside the ordinary card to display the information of the multilevel structure.
```tsx
import { Card } from 'antd';
2022-05-21 22:14:15 +08:00
import React from 'react';
const App: React.FC = () => (
<Card title="Card title">
2019-05-07 14:57:32 +08:00
<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>
2018-11-28 15:00:03 +08:00
);
export default App;
2019-05-07 14:57:32 +08:00
```