1# Stepper
2
3If multiple steps are required to complete a task, you can use the stepper to navigate your users through the entire process.
4
5
6![stepper_sub_1](figures/stepper_sub_1.png)
7
8
9## How to Use
10
11- Use the stepper when a task is complex and needs to be divided into multiple logical steps.
12
13- Focus on a specific small task for each step, and display the name of the step as the screen title.
14
15- Ensure that each step is easy to understand and all the steps have the consistent layout. Use a concise name for each step.
16
17- Place buttons at the bottom of a screen to avoid overlaying the content.
18
19- When a keyboard needs to be displayed, you can place buttons above the keyboard.
20
21- Use the combination of a text button and an arrow icon for the operation area at the bottom. Make the text button clickable.
22
23- If your users cannot return to the previous screen, do not add an arrow to the left of the text button on the current screen.
24
25- If your users cannot return to the current page after touching the text button, do not add an arrow to the right of the text button, and name the button **Skip** or **Start**.
26
27  ![1_en-us_image_0000001568412861.png](figures/1_en-us_image_0000001568412861.png)
28
29- If any operation is time-consuming, use a wait button rather than a wait dialog box.
30
31  ![1_en-us_image_0000001517133802.png](figures/1_en-us_image_0000001517133802.png)
32
33## Resources
34
35For details about the development guide related to the stepper, see [Stepper](../../application-dev/reference/arkui-ts/ts-basic-components-stepper.md).