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.

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.

Suggested Links

• API Reference of the Stepper Props
• API Reference of the Step Props