New to Kendo UI for Angular? Start a free 30-day trial

Multi-Step Forms

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, for example, 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?