# Vue Wizard Overview

The Kendo UI for Vue Wizard consists of one or more steps. Each step contains a [Form](https://www.telerik.com/kendo-vue-ui-develop/components/form) with a set of components. The different steps can have their own custom layout that doesn't depend on the other steps.

A common use-case scenario for the `Wizard` component is a longer Form which is organized into multiple steps. Talking with real-life examples imagine a payment details form where one page is asking for personal information, another of the card information, and so on.

The main advantage of `Wizard` is allowing customers and leads to complete their information in smaller chunks, which creates a positive user experience and increases conversions.

> The Kendo UI for Vue Wizard is not a separate component that can provide the `Wizard` functionality out of the box. However, using the combination of the [Form](https://www.telerik.com/kendo-vue-ui-develop/components/form) and [Stepper](https://www.telerik.com/kendo-vue-ui-develop/components/layout/stepper) components, we can effortlessly achieve the functionality of a virtual Wizard component.

The Kendo UI for Vue [Form](https://www.telerik.com/kendo-vue-ui-develop/components/form) and [Stepper](https://www.telerik.com/kendo-vue-ui-develop/components/layout/stepper) components are part of the Kendo UI for Vue library of Vue UI components. Each of the components is distributed through NPM under the following packages:

* Stepper - [kendo-vue-layout package](https://www.npmjs.com/package/@progress/kendo-vue-layout).
* Form - [kendo-vue-form package](https://www.npmjs.com/package/@progress/kendo-vue-form).

<CtaPanelOverview></CtaPanelOverview>

## Basic Usage

The following example demonstrates the Virtual Wizard component in action.

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

## Functionality and Features

* [Wizard data validation](https://www.telerik.com/kendo-vue-ui-develop/components/layout/wizard/validation)
* [Using the Wizard functionality with router](https://www.telerik.com/kendo-vue-ui-develop/components/layout/wizard/routing)
* [Content positioning](https://www.telerik.com/kendo-vue-ui-develop/components/layout/wizard/positioning)

## Suggested Links

* [Getting started with the Form component](https://www.telerik.com/kendo-vue-ui-develop/components/form)
* [API Reference of the Form](https://www.telerik.com/kendo-vue-ui-develop/components/form/api)
* [Getting started with the Stepper component](https://www.telerik.com/kendo-vue-ui-develop/components/layout/stepper)
* [API Reference of the Stepper](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/stepper)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension)