ts-basic-components-stepperitem.md 1.3 KB
Newer Older
Z
zengyawen 已提交
1 2
# StepperItem

E
ester.zhou 已提交
3
The **\<StepperItem>** component provides an element for the **\<Stepper>** component.
Z
zengyawen 已提交
4 5


E
ester.zhou 已提交
6 7 8
>  **NOTE**
>
>  This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version.
Z
zengyawen 已提交
9 10 11 12 13 14 15 16 17 18 19 20 21 22


## Child Components

This component supports only one child component.


## APIs

StepperItem()


## Attributes

E
ester.zhou 已提交
23 24 25 26 27 28 29
| Name| Type| Description|
| -------- | -------- | -------- |
| prevLabel | string | When the **\<Stepper>** contains more than one page, the default value for all pages except the first page is **Back**.|
| nextLabel | string | When the stepper contains more than one page, the default value for the last page is **Start**, and the default value for other pages is **Next**.|
| status | ItemState | Status of the **\<StepperItem>**.<br>Default value: **ItemState.Normal**|

## ItemState
Z
zengyawen 已提交
30

E
ester.zhou 已提交
31 32 33 34 35 36
| Name| Description|
| -------- | -------- |
| Normal | The right button is clickable and can navigate users to the next **\<StepperItem>** when it is clicked.|
| Disabled | The right button is grayed out and unavailable.|
| Waiting | The right button is not displayed, and a progress bar is displayed instead.|
| Skip | The current **\<StepperItem>** is skipped, and the next **\<StepperItem>** is displayed.|
Z
zengyawen 已提交
37 38 39 40 41


## Example

See [Stepper](ts-basic-components-stepper.md).