Multi-Step Form

A multi-step form consists of one or more steps. Each step contains a set of controls and can have their own layout. A common example is a longer form which is broken down into several steps, e.g. a payment account where one page is asking for personal information, another of the card information and so on.

The main advantage of multi-step forms is allowing customers and leads to complete their information in smaller chunks, which creates a positive user experience and increases conversions.

The following example demonstrates a multi-step form with a validation of the controls on each step:

Example
View Source
Edit In Stackblitz  
Change Theme:

The following example demonstrates a multi-step form with a validation of the controls on submit:

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?