You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

40 lines
1.0 KiB

---
order: 8
title:
zh-CN: 点状步骤条
en-US: Dot Style
---
## zh-CN
包含步骤点的进度条。
## en-US
Steps with progress dot style.
```jsx
import { Steps, Divider } from 'antd';
const { Step } = Steps;
ReactDOM.render(
<>
<Steps progressDot current={1}>
<Step title="Finished" description="This is a description." />
<Step title="In Progress" description="This is a description." />
<Step title="Waiting" description="This is a description." />
</Steps>
<Divider />
<Steps progressDot current={1} direction="vertical">
<Step title="Finished" description="This is a description. This is a description." />
<Step title="Finished" description="This is a description. This is a description." />
<Step title="In Progress" description="This is a description. This is a description." />
<Step title="Waiting" description="This is a description." />
<Step title="Waiting" description="This is a description." />
</Steps>
</>,
mountNode,
);
```