mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-04 17:09:46 +08:00
20 lines
491 B
TypeScript
20 lines
491 B
TypeScript
|
import React from 'react';
|
||
|
|
import { Card } from 'antd';
|
||
|
|
|
||
|
|
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;
|