• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# StepperItem
2
3The **\<StepperItem>** component provides an element for the **\<Stepper>** component.
4
5
6>  **NOTE**
7>
8>  This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version.
9
10
11## Child Components
12
13This component supports only one child component.
14
15
16## APIs
17
18StepperItem()
19
20
21## Attributes
22
23| Name| Type| Description|
24| -------- | -------- | -------- |
25| prevLabel | string | Text label of the button on the left, which is not displayed on the first page. When the **\<Stepper>** contains more than one page, the default value for all pages except the first page is **Back**.|
26| nextLabel | string | Text label of the button on the right. The default value is **Start** for the last page and **Next** for the other pages.|
27| status | [ItemState](#itemstate) | Display status of **nextLabel** in the stepper. Optional.<br>Default value: **ItemState.Normal**|
28
29## ItemState
30
31|   Name   | Description|
32| -------- |-------- |
33| Normal |The button on the right is clickable and can navigate users to the next **\<StepperItem>** when it is clicked.|
34| Disabled |The button on the right is disabled.|
35| Waiting | The button on the right is not displayed, and a progress bar is displayed instead.|
36| Skip |The button on the right reads "Skip" by default. You can define the processing logic for this state in the **onSkip** callback of the stepper.|
37
38
39## Example
40
41See [Stepper](ts-basic-components-stepper.md).
42