StepperItem

The <StepperItem> component provides an element for the <Stepper> component.

NOTE

This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version.

Child Components

This component supports only one child component.

StepperItem()

Name	Type	Description
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.
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.
status	ItemState	Display status of nextLabel in the stepper. Default value: ItemState.Normal

Name	Description
Normal	The button on the right is clickable and can navigate users to the next <StepperItem> when it is clicked.
Disabled	The button on the right is disabled.
Waiting	The button on the right is not displayed, and a progress bar is displayed instead.
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.