2.0.3 • Published 4 years ago
bee-step v2.0.3
bee-step
Browser Support
IE 9+ ✔ | Chrome 31.0+ ✔ | Firefox 31.0+ ✔ | Opera 30.0+ ✔ | Safari 7.0+ ✔ |
当任务复杂或具有子任务的系列一定的序列,我们可以将它分解成几个步骤,让事情变得更容易。
使用
使用单独的bee-step包
组件引入
先进行下载bee-step包
npm install --save bee-step
```js
import Step from 'bee-step';
const Steps = Step.Steps;
class Demo1 extends Component {
render () {
return (
<Step.Steps current={1}>
<Step title="Finished" description="This is a description." />
<Step title="In Progress" description="This is a description." />
<Step title="Waiting" description="This is a description." />
</Step.Steps>
)
}
}
render(Demo1,document.getElementById('app'));
API
Property | Description | Type | Default |
---|---|---|---|
status | 自动设置当前step的状态(wait,process,finish,error) | string | - |
title | step的标题 | (string,ReactNode) | - |
description | step的细节描述,可选的属性 | (string,ReactNode) | - |
icon | 设置当前step为icon,可选的属性 | string,ReactNode | - |
Step.Steps
Property | Description | Type | Default |
---|---|---|---|
current | 设置当前步骤,从0开始计数。可以使用步骤状态重写此状态。 | number | 0 |
status | 指定当前步骤的状态(danger,info,news,warning,sucess,process) | string | process |
size | 设置step bar的大小(default,samll) | string | default |
direction | 设置step bar的方向(horizontal,vertical) | string | horizontal |
开发调试
$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-step
$ cd bee-step
$ npm install
$ npm run dev
2.0.3
4 years ago
2.0.2
4 years ago
2.0.1
5 years ago
2.0.1-alpha.4
5 years ago
2.0.1-alpha.3
5 years ago
2.0.1-alpha.2
5 years ago
2.0.1-alpha.1
5 years ago
2.0.1-alpha.0
5 years ago
2.0.0
5 years ago
1.1.0
5 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
7 years ago
0.1.1
7 years ago
0.0.6
7 years ago
0.0.5
7 years ago
0.0.4
7 years ago
0.0.3
7 years ago
0.0.2
7 years ago
0.0.1
7 years ago