Disable linear mode Disable header ripple

Linear Vertical Stepper Demo using a single form

Fill out your name First name This field is required Last name This field is required
Fill out your email address
Email address The input is invalid.
Confirm your information Everything seems correct.

Linear Horizontal Stepper Demo using a different form for each step

Fill out your name First name This field is required Last name This field is required
Fill out your email address Email address The input is invalid
Confirm your information Everything seems correct.

Vertical Stepper Demo

Make steps non-editable Fill out your name First name Last name
Fill out your phone number
Phone number
Fill out your address
Address
Confirm your information Everything seems correct.

Horizontal Stepper Demo with Text Label

First name Last name
Phone number
Address
Everything seems correct.

Horizontal Stepper Demo with Templated Label

{{step.label}} Answer

Stepper with autosize textarea

Autosize textarea