mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-12 23:35:38 +08:00
30 lines
583 B
TypeScript
30 lines
583 B
TypeScript
|
import React from 'react';
|
||
|
import { Steps } from 'antd';
|
||
|
|
||
|
const description = 'This is a description.';
|
||
|
const items = [
|
||
|
{
|
||
|
title: 'Finished',
|
||
|
description,
|
||
|
},
|
||
|
{
|
||
|
title: 'In Progress',
|
||
|
description,
|
||
|
},
|
||
|
{
|
||
|
title: 'Waiting',
|
||
|
description,
|
||
|
},
|
||
|
];
|
||
|
const App: React.FC = () => (
|
||
|
<>
|
||
|
<Steps current={1} labelPlacement="vertical" items={items} />
|
||
|
<br />
|
||
|
<Steps current={1} percent={60} labelPlacement="vertical" items={items} />
|
||
|
<br />
|
||
|
<Steps current={1} size="small" labelPlacement="vertical" items={items} />
|
||
|
</>
|
||
|
);
|
||
|
|
||
|
export default App;
|