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

480 B

带ICON图标的步骤条

  • order: 2

通过设置 Steps.Stepicon 属性,可以启用自定义图标。


import { Steps } from 'antd';
const Step = Steps.Step;
const container = document.getElementById('components-steps-demo-icon');

ReactDOM.render(<Steps>
  <Step status="finish" title="步骤1" icon="cloud" />
  <Step status="process" title="步骤2" icon="apple" />
  <Step status="wait" title="步骤3" icon="github" />
</Steps>, container);