ant-design/components/steps/demo/label-placement.tsx
二货爱吃白萝卜 8fc4fa06c8
fix: Steps with process style in compact theme ()
* 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>
2024-04-08 15:53:45 +08:00

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;