cjd-parkball
Version:
> 中后台业务组件库，中后台就像公园，进入需要买门票（登录），所以以 Parkball(公园球) 命名，公园内必定捕获！作为一个组件库，提供使用方法文档，方便开发者的调用
29 lines (21 loc) • 678 B
Markdown
---
category: 2
title: 带图标的步骤条
title_en: 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 'parkball';
const Step = Steps.Step;
ReactDOM.render(
<Steps>
<Step status="finish" title="Login" icon={<Icon type="user" />} />
<Step status="finish" title="Verification" icon={<Icon type="solution" />} />
<Step status="process" title="Pay" icon={<Icon type="loading" />} />
<Step status="wait" title="Done" icon={<Icon type="smile-o" />} />
</Steps>,
mountNode);
````