Stepper

Stepper controls allows you to divide the form logic into various parts and allow navigation to next step only if current step data is valid. Each StepPanel internally wraps the StepContent in EditForm and support DataAnnotationValidator by default. The StepButton component automatically triggers validation for Panel content on click, and updates the overall panel state as Complete or Error. If the current step panel is valid, it automatically moves to the next available step.

First Step

First Description

First Name

Last Name

First Name

Last Name

Stepper

Usage