Stepper

A simple indicator that serves to show the users what stage they are in a process

Ready to use
Show details
Ready to use
Published: February 18, 2025
Updated: February 18, 2025
Light mode

Light mode

Dark mode

Dark mode

Anatomy

It is recommended that the stepper display a maximum of 6 items, both in vertical and horizontal. The height and the width of the component is the same as the section it is contained in.

Vertical

The item and the sub step can contain a maximum of 20 characters, the sub item can contain a maximum of 40 characters.

 

Horizontal

 

Deprecated version

Dot version is now deprecated. Please avoid to use it in your design.