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