ts-basic-components-stepperitem.md 1.9 KB
Newer Older
Z
zengyawen 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
# StepperItem


> ![icon-note.gif](public_sys-resources/icon-note.gif) **NOTE:**
> This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version.


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


## Required Permissions

None


## Child Components

This component supports only one child component.


## APIs

StepperItem()


## Attributes

| Name | Type | Default Value | Description |
| -------- | -------- | -------- | -------- |
| prevLabel | string | - | When the **<Stepper>** 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 **<StepperItem>**. |

- ItemState enums
    | Name | Description | 
  | -------- | -------- |
  | Normal | The right button is clickable and can navigate users to the next **<StepperItem>** when it is clicked.. | 
  | 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 **<StepperItem>** is skipped, and the next **<StepperItem>** is displayed. | 


## Example

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