The Wizard component is a user interface (UI) element that divides complex processes into sequential, manageable steps. It provides a guided experience, leading users through tasks with clear instructions and progress indicators. This makes the Wizard ideal for tasks like registrations, settings configuration, or data entry.
By structuring information into distinct stages, the Wizard minimizes user overwhelm and enhances focus. This component not only improves the user experience by simplifying complicated tasks but also ensures accuracy and efficiency in data collection and process completion.
Wizards provide built-in styling options that grant visually appealing and flexible rendering experience.
The anatomy of the Wizard summarizes the visual and functional elements of the component. The main elements include a stepper and wizard step that consists of a content area, pager and action buttons.
The next image shows the anatomy of a Wizard and includes the following elements:
Depending on the content position, the Telerik and Kendo UI Wizard can be any of the following types:
- Bottom with horizontal stepper
- Right with vertical stepper
- Left with vertical stepper
For specific information about the component, refer to its official product documentation: