From the course: Angular: Material Design

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Steppers

Steppers - Angular Tutorial

From the course: Angular: Material Design

Start my 1-month free trial

Steppers

- [Instructor] Steppers are used to guide users through a sequential series of steps in order to complete a task like registration. Steps are typically numbered and content is broken into logical units. Don't nest steppers, as in a stepper within a stepper. This will confuse your users. You can allow your users to go back and change their selection or you can force them to start over. A linear stepper requires the steps be completed in a specific order. While a nonlinear stepper allows a user to bounce back and forth between steps. Also, some steps can be marked as optional. Horizontal steppers are typical in desktop while mobile tends to use vertical steppers since there's less real estate on the device. Let's add a stepper to our application in the messages module. We'll create a stepper that requires that the user enter an email address in step one and then the body of their message is step two. We'll experiment with linear and nonlinear and see how the performance changes. The…

Contents