UNPKG

zent

Version:

一套前端设计语言和基于React的实现

github.com/youzan/zent

youzan/zent

37 lines (26 loc) • 1.64 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
--- title: Steps path: component/steps group: Navigation --- ## Steps Steps is suitable for operations that need to be guided step by step. ### API #### Steps | Property | Description | Type | Default | Alternative | | --------- | -------------- | ------ | ---------- | ----------| | type | The type of steps | string | `'number'` | `'card'`, `'breadcrumb'` | | current | The curren step which starts from 1. When this property is not passed, `current` is 0 and steps is in status of `wait`. | number | `0`| | | status | The status of steps. | string | `'finish'` | `'wait'`, `'error'` | | sequence | Whether to use the default step number or not, especially for steps of card type and breadcrumb type. | boolean | `true` | | | onStepChange | The callback function that is triggered when the steps in cliked and changed, especially for steps of card type and breadcrumb type. | func | `''` | | | className | The custom classname | string | `''` | | | prefix | The custom prefix | string | `'zent'` | | #### Steps.Step `Steps.Step` is each item of the `Step` component. | Property | Description | Type | | ----------- | ----------------------------------- | ---- | | title | the title of each item in steps | node | | description | The details of each item in steps (This propterty is not supported in steps of card type and breadcrumb type. ) | node | ### Known issues This component didn't deal with the situation where there is only one step. In fact, you shouldn't use this component when there is only one step.