The Stepper component in Telerik UI for ASP.NET MVC is a way to display the progress a user has made in a sequence of steps that must be completed together for a bigger action to be completed. It’s best used when you don’t want to overwhelm the user with a huge page with many inputs to fill. For example, they might be at step 2 of the booking process of a hotel reservation. The Stepper is a valuable tool for simplifying navigation in your app.
The Stepper is highly configurable as the rest of our suite. The sequence of steps can be laid out horizontally or vertically. The labels on each step can be displayed at the same level as the step number or next to it. You can pick your own icons, fonts, colors and make the stepper UI fit seemingly into the rest of the page. How far has the user progressed through the Stepper may be displayed with both labels and indicators of progress, or just one of the two.
How users navigate through the sequence of steps is further customizable. A native stepper would only allow you to go from one step to the next without skipping. With Telerik UI for ASP.NET MVC’s Stepper, you are free to
Above all, it’s important for your users to use the stepper as they prefer. The component is designed to fit in all scenarios you might want to put it in so it also works without a mouse with intuitive keyboard shortcuts (e.g. arrows for navigating left and right, HOME and END for going to the first and last steps). On top of that, the Stepper works with all RTL languages and has meaningful ARIA attributes to help users who need ARIA compatibility.