Examples for stepper
Stepper animations
Fill out your name
Fill out your address
Done
Stepper with editable steps
Fill out your name
Fill out your address
Done
Stepper that displays errors in the steps
Fill out your name
Fill out your address
Done

Go to a different step to see the error state

Testing with MatStepperHarness
This example contains tests. Open in Stackblitz to run the tests.
Stepper header position
Fill out your name
Fill out your address
Optional
Done
Stepper that uses the MatStepperIntl service
Fill out your name
Fill out your address
Optional Label
Done
Stepper label bottom position
Fill out your name
Fill out your address
Optional
Done
Stepper lazy content rendering
Step 1

This content was rendered lazily

Step 2
Step 3
Stepper with optional steps
Fill out your name
Fill out your address
Done
Stepper overview
Fill out your name
Fill out your address
Done
Stepper responsive
Make your screen smaller to see a vertical stepper
Fill out your name
Fill out your address
Fill out your phone number
Done
Stepper with customized states
Editable
Fill out your name
Fill out your address
Done
Editable
Step 1
Step 2
Step 3

Put down your phones.

Stepper vertical
Fill out your name
Fill out your address
Done
Azure & Blue theme selected.