rc-steps@3.4.1

steps ui component for react

import 'rc-steps/assets/index.css';
import 'rc-steps/assets/iconfont.css';
import React from 'react';
import ReactDOM from 'react-dom';
import Steps, { Step } from 'rc-steps';

const container = document.getElementById('__react-content');
const Icon = ({ type }) => <i className={`rcicon rcicon-${type}`} />;

ReactDOM.render(
  <div>
    <Steps size="small" current={1}>
      <Step title="已完成" />
      <Step title="进行中" />
      <Step title="待运行" />
      <Step title="待运行" />
    </Steps>
    <Steps size="small" current={1} style={{ marginTop: 40 }}>
      <Step title="步骤1" icon={<Icon type="cloud" />} />
      <Step title="步骤2" icon="apple" />
      <Step title="步骤3" icon="github" />
    </Steps>
  </div>
, container);
Fork me on GitHub