Blazor Wizard - Overview

Step 1 of 4

Style in ThemeBuilder

  • Custom SASS variables
  • Atomic customizations
  • Sharing projects
Start Theming
  • Overview.razor
Loading the demo source code...please wait.
blazor ui ninja image

The Wizard component is part of Telerik UI for Blazor, a professional grade UI library with 110+ native components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Description

The Telerik UI for Blazor Wizard component enables you to create multi-step processes that guide users in your application. You can integrate the Wizard with a Form component to achieve better UX of the user's input. This demo demonstrates a multi-step order process with a confirmation screen and an optional step for rating the product.

The Blazor Wizard intuitively instructs the user on how to complete a series of steps successfully to achieve the desired end goal. The setup is straightforward using the Telerik Wizard tag. To add your custom text to each step, the Wizard component offers you a template to display content based on the pattern of your choice. For example, if the steps must be followed in a particular order, the content can be displayed sequentially. The content element of the Wizard also allows you to integrate form content that is written in HTML.

You can also customize the component’s three distinct elements: Stepper, Content and Buttons. Within the Stepper, you can control Stepper settings, Stepper types and the flow. Within the buttons, you can choose from a selection of three default buttons or the option to add a custom button depending on your needs and goals.

You can now easily guide users through a series of steps to gather their input, while providing a flow that aligns with your business processes.

This Wizard Overview example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.

Support & Learning Resources

Additional Resources

An error has occurred. This application may no longer respond until reloaded.