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
- [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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.