# 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`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/stepprops#isValid) property.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/stepper/validation/basic/source.txt)

## Custom Validation Icons

The Stepper allows you to customize the rendered validation icons. To achieve this specify the [`successSvgIcon`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/stepprops#successsvgicon) and [`errorSvgIcon`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/stepprops#errorsvgicon) properties of the StepperItem and provide the SVG icon that should be applied to each step.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/stepper/validation/icons/source.txt)

## Suggested Links

* [API Reference of the Stepper Props](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/stepperprops)
* [API Reference of the Step Props](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/stepprops)