ant-design/components/steps/demo/icon.md

28 lines
571 B
Markdown

---
order: 2
title:
zh-CN: 带图标的步骤条
en-US: With icon
---
## zh-CN
通过设置 `Steps.Step``icon` 属性,可以启用自定义图标。
## en-US
You can use your own custom icons by setting the property `icon` for `Steps.Step`.
````jsx
import { Steps, Icon } from 'antd';
const Step = Steps.Step;
ReactDOM.render(
<Steps>
<Step status="finish" title="Step 1" icon="cloud" />
<Step status="process" title="Step 2" icon="apple" />
<Step status="wait" title="Step 3" icon={<Icon type="github" />} />
</Steps>
, mountNode);
````