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


4
> **NOTE**<br>
Z
zengyawen 已提交
5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
> This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version.


The **&lt;StepperItem&gt;** component provides an element for the **&lt;Stepper&gt;** component.


## Required Permissions

None


## Child Components

This component supports only one child component.


## APIs

StepperItem()


## Attributes

E
esterzhou 已提交
28
| Name | Type | Default Value | Description |
Z
zengyawen 已提交
29
| -------- | -------- | -------- | -------- |
E
esterzhou 已提交
30 31 32
| prevLabel | string | - | When the **&lt;Stepper&gt;** 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 | ItemState.Normal | Status of the **&lt;StepperItem&gt;**. |
Z
zengyawen 已提交
33 34

- ItemState enums
35
  | Name | Description | 
Z
zengyawen 已提交
36
  | -------- | -------- |
37
  | Normal | The right button is clickable and can navigate users to the next **&lt;StepperItem&gt;** when it is clicked. | 
E
esterzhou 已提交
38 39 40
  | 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 **&lt;StepperItem&gt;** is skipped, and the next **&lt;StepperItem&gt;** is displayed. | 
Z
zengyawen 已提交
41 42 43 44 45 46


## Example

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