Nets Design logo and other specific symbols

Steppers

Steppers are used to display progress through a sequence of logical and numbered steps. They may also be used for navigation. Also, they may display a transient feedback message after a step is saved.

Guidelines

Steppers in Material Design act similarly to the progress indicators outlined in the Nets Web Guidelines, so the same guidelines apply in regards to marking the steps, writing the step labels and general function of the pattern.

Nets Steppers image
Steppers, as showcased in the Material Design Guidelines

Horizontal steppers

Horizontal steppers Horizontal steppers are ideal when the contents of one step depend on an earlier step. Avoid using long step names in horizontal steppers.

Nets Steppers image
Horizontal stepper, as showcased in the Material Design Guidelines

Vertical steppers

Vertical steppers are designed for narrow screen sizes. They are ideal for mobile.

Nets Steppers image
Vertical stepper, as showcased in the Material Design Guidelines

Linear steppers

Linear steppers require users to complete one step in order to move on to the next.

Nets Steppers image
Each linear step must be completed before proceeding to the next one.

Non-linear steppers

Non-linear steppers allow users to enter a multi-step flow at any point.

Nets Steppers image
Non-linear steps may be completed in any order.

More information

Find out more about using steppers in Android apps by accesing the dedicated page of the Material Design Guidelines .