The Vue Stepper component visualizes the progress of a process by dividing it into chronological steps. The Vue Stepper provides several features out of the box, including the ability to define the appearance of each step, validation of content at each step, strict linear flow and templates.
The Vue Stepper gives you a variety of layouts that you set with a combination of properties:
The Vue Stepper comes with Various types of steps built in. Some of which include disabled, optional, and steps with validation.
You can choose to require the user to complete the steps in visual order or not. This is done simply by setting the “linear” property.
Fit the Vue Stepper into your layout by choosing horizontal (default) or vertical display.
The Vue 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.
In addition to the large list of built-in configurations, the Vue Stepper allows you to apply your own rendering to the steps.
For users who prefer to use the keyboard or cannot use a mouse, this component fully supports keyboard interactions. See the demo for a complete list of supported shortcuts.
Like the rest of Kendo UI, the Vue Stepper is fully accessible to help you build software for everyone. It provides full WAI-ARIA support as well as Section 508 compliance.