New to KendoReact? Start a free 30-day trial

Validation

The Stepper enables you to set validation logic for each step. Based on it, a success or error icon will be rendered. Validation icons are rendered either in the step indicator or as part of the step label, depending on the current Stepper configuration options.

Setup

To set the step validation, use the isValid property.

Example
View Source
Edit In Stackblitz  
Change Theme:

Custom Validation Icons

The Stepper allows you to customize the rendered validation icons. To achieve this specify the successIcon and errorIcon properties of the Stepper and provide the CSS classes (font icon classes) that should be applied to the icons.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?