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**Atomic service API**: This API can be used in atomic services since API version 11.
21
22## Attributes
23
24### prevLabel
25
26prevLabel(value: string)
27
28Sets the 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**.
29
30**Atomic service API**: This API can be used in atomic services since API version 11.
31
32**System capability**: SystemCapability.ArkUI.ArkUI.Full
33
34**Parameters** 
35
36| Name | Type | Mandatory | Description |
37| -------- | -------- | -------- | -------- |
38| value | string | Yes | Text label of the button on the left. |
39
40### nextLabel
41
42nextLabel(value: string)
43
44Sets the text label of the button on the right. The default value is **Start** for the last page and **Next** for the other pages.
45
46**Atomic service API**: This API can be used in atomic services since API version 11.
47
48**System capability**: SystemCapability.ArkUI.ArkUI.Full
49
50**Parameters** 
51
52| Name | Type                           | Mandatory | Description                                                        |
53| ------ | ------------------------------- | ---- | ------------------------------------------------------------ |
54| value  | string                          | Yes  | Text label of the button on the right.                                          |
55
56### status
57
58status(value?: ItemState)
59
60Sets the display status of **nextLabel** in the stepper.
61
62**Atomic service API**: This API can be used in atomic services since API version 11.
63
64**System capability**: SystemCapability.ArkUI.ArkUI.Full
65
66**Parameters** 
67
68| Name | Type                           | Mandatory | Description                                                        |
69| ------ | ------------------------------- | ---- | ------------------------------------------------------------ |
70| value  | [ItemState](#itemstate)  | No  | Display status of **nextLabel** in the stepper.<br>Default value: **ItemState.Normal** |
71
72>  **NOTE**
73>
74>  - The **StepperItem** component does not support setting of the universal width attribute. By default, its width is the same as that of the parent **Stepper** component.
75>  - The **StepperItem** component does not support setting of the universal height attribute. Its height is the height of the parent **Stepper** component minus the height of the label button.
76>  - The **StepperItem** component does not support setting of the **aspectRadio** or **constrainSize** attribute, which may affect the length and width.
77## ItemState
78
79**Atomic service API**: This API can be used in atomic services since API version 11.
80
81|   Name   | Description |
82| -------- |-------- |
83| Normal |The button on the right is clickable and can navigate users to the next **StepperItem** when it is clicked. |
84| Disabled |The button on the right is disabled. |
85| Waiting | The button on the right is not displayed, and a progress bar is displayed instead. |
86| 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. |
87
88
89## Example
90
91See [Stepper](ts-basic-components-stepper.md).
92