Form Wizards

Form wizard examples in this page uses mat-horizontal-stepper and mat-vertical-stepper components from Angular Material. You can get more information about them over here: https://material.angular.io/components/stepper/overview .

We prepared couple examples to get you started. You are not limited with these examples, there are lots of options to steppers and you can configure them to have different behaviors. Take a look at the official guide to learn more about them.

Horizontal Stepper
Basic information

Fill in your basic information to let us know your preferences

Country 1 Country 2 Country 3 Language 1 Language 2 Language 3
Profile

People here will get to know you with this information

www.example.com/
Notifications

We'll always let you know about important changes, but you pick what else you want to hear about.

By Email
Company News Featured Products Messages
Push Notifications Everything Just the good stuff No push notifications
Done

Thank you for completing our form! You can reset the form if you would like to change your information.

Vertical Stepper
Basic information

Fill in your basic information to let us know your preferences

Country 1 Country 2 Country 3 Language 1 Language 2 Language 3
Profile

People here will get to know you with this information

www.example.com/
Notifications

We'll always let you know about important changes, but you pick what else you want to hear about.

By Email
Company News Featured Products Messages
Push Notifications Everything Just the good stuff No push notifications
Done

Thank you for completing our form! You can reset the form if you would like to change your information.