mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-11 23:00:20 +08:00
859 B
859 B
order | title | ||||
---|---|---|---|---|---|
0 |
|
zh-CN
包含标题、内容、操作区域。
en-US
A basic card containing a title, content and an extra corner content. Supports two sizes: default
and small
.
import { Card } from 'antd';
import React from 'react';
const App: React.FC = () => (
<>
<Card title="Default size card" extra={<a href="#">More</a>} style={{ width: 300 }}>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</Card>
<Card size="small" title="Small size card" extra={<a href="#">More</a>} style={{ width: 300 }}>
<p>Card content</p>
<p>Card content</p>
<p>Card content</p>
</Card>
</>
);
export default App;