Usage

let items = [{
  name: 'step 1',
  value: '0'
}, {
  name: 'step 2',
  value: '1'
}, {
  name: 'step 3',
  value: '2',
  selected: true
}];

ReactDOM.render(
  <Step
    items={items}
    onClick={listener}
    width={600} />,
  document
);

API

name type default description
items Array 见下方items详解
onClick Function 当step点击时的Handler,返回该元素的所有信息
width Number 设置steps的总长度

items

name type default description
name String 每个元素的显示名称
value String 每个元素的唯一值,相当于key值
selected Boolean 设置是否是selected状态

Copyright © 2017 MIT License