mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 21:48:19 +08:00
8fc4fa06c8
* fix: use css var for calc * fix: tail align * Update components/steps/style/index.ts Co-authored-by: 红 <wxh1220@gmail.com> Signed-off-by: afc163 <afc163@gmail.com> * test: update snapshot * chore: fix lint * chore: adjust style --------- Signed-off-by: afc163 <afc163@gmail.com> Co-authored-by: afc163 <afc163@gmail.com> Co-authored-by: 红 <wxh1220@gmail.com>
30 lines
596 B
TypeScript
30 lines
596 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} percent={80} size="small" labelPlacement="vertical" items={items} />
|
|
</>
|
|
);
|
|
|
|
export default App;
|