# ASP.NET Core Wizard Overview

The Telerik UI Wizard TagHelper and HtmlHelper for ASP.NET Core are server-side wrappers for the Kendo UI Wizard widget.

The Wizard displays content in sequential, stepwise order. Each step of the Wizard component has content, which can be a [Form](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/overview) or any other type of HTML content. The progress indicator shows the user the number of steps left toward the last step of the process.

* [Demo page for the Wizard](https://demos.telerik.com/aspnet-core/wizard/index)

## Initializing the Wizard

The following example demonstrates how to define the Wizard.

```Razor HtmlHelper
    @(Html.Kendo().Wizard()
        .Name("wizard")
        .Steps(s=> {
            s.Add().Content("Initial Step");
            s.Add().Content("Second Step");
            s.Add().Content("Final Step");
        })
    )

    <script>
    $(function() {
        // The Name() of the Wizard is used to get its client-side instance.
        var wizard = $("#wizard").data("kendoWizard");
    });
    </script>
```

```Razor TagHelper
    <kendo-wizard name="wizard">
        <wizard-steps>
            <wizard-step title="Initial step">
                <wizard-step-content>
                    <h1>Initial step content</h1>
                </wizard-step-content>
            </wizard-step>
            <wizard-step title="Second step">
                <wizard-step-content>
                    <h1>Second step content</h1>
                </wizard-step-content>
            </wizard-step>
            <wizard-step title="Final step">
                <wizard-step-content>
                    <h1>Final step content</h1>
                </wizard-step-content>
            </wizard-step>
        </wizard-steps>
    </kendo-wizard>
```

## Functionality and Features

* [Form Integration](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/wizard/form-integration)—You can integrate the [Form component](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/layout/form/overview) inside a specified Wizard step.
* [Content](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/wizard/content)—The Wizard enables you to render static and asynchronous content.
* [Layout](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/wizard/layout)—You can control the layout of the Wizard based on your preferences.
* [Events](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/wizard/events)—Subscribe to the Wizard events to implement any custom logic.
* [Accessibility](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/wizard/accessibility/overview)—The Wizard is accessible for screen readers, supports WAI-ARIA attributes, and delivers [keyboard shortcuts](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/wizard/accessibility/keyboard-navigation) for faster navigation.

## Next Steps

* [Getting Started with the Wizard](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/wizard/getting-started)

* [Basic Usage of the Wizard HtmlHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/wizard/index)

* [Basic Usage of the Wizard TagHelper for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/wizard/index)

* [Wizard in Razor Pages](https://www.telerik.com/aspnet-core-ui/documentation/html-helpers/navigation/wizard/razor-page)

## See Also

* [Using the Events of the Wizard for ASP.NET Core (Demo)](https://demos.telerik.com/aspnet-core/wizard/events)
* [Knowledge Base Section](https://www.telerik.com/aspnet-core-ui/documentation/knowledge-base)