New to Kendo UI for Vue? 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.

Change Theme

Theme

Loading ...

Custom Validation Icons

The Stepper allows you to customize the rendered validation icons. To achieve this specify the successSvgIcon and errorSvgIcon properties of the StepperItem and provide the SVG icon that should be applied to each step.