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);