# Kendo UI for Angular Stepper Overview

The Kendo UI for Angular Stepper visualizes the progress of a process by dividing the content into logical steps.

It enables wizard-like workflow and supports multiple step types, linear flow, step validation, templates, and more.

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the Stepper in action.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/layout/stepper/basic_usage/source.txt)

## Key Features

* [Types](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/step-types)—You can display each step of the Stepper as a circle indicator, a text label, or a combination of the two.
* [Appearance](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/step-appearance)—The Stepper enables you to customize the appearance of its steps, for example, to display icons as indicators, add custom text inside the indicators, disable steps, and more.
* [Validation](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/step-validation)—The Stepper allows you to implement validation logic and render a success or an error icon for previous steps.
* [Linear flow](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/linear-flow)—You can override the default linear flow of steps and enable the user to access all stages of the process.
* [Orientation](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/orientation)—The Stepper enables you to arrange its panes horizontally or vertically.
* [Templates](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/templates)—You can apply templates to display custom content and customize the appearance of the Stepper indicators, labels, and steps.
* [Globalization](https://www.telerik.com/kendo-angular-ui/components/layout/globalization)—All Kendo UI for Angular Layout components provide globalization options.
* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/accessibility)—The Stepper is accessible for screen readers and supports WAI-ARIA attributes.
* [Keyboard Navigation](https://www.telerik.com/kendo-angular-ui/components/layout/stepper/keyboard-navigation)—The Stepper supports a number of keyboard shortcuts for processing various commands.

## Support and Learning Resources

* [Stepper Homepage](https://www.telerik.com/kendo-angular-ui/stepper)
* [Getting Started with the Kendo UI for Angular Layout](https://www.telerik.com/kendo-angular-ui/components/layout/installation/getting-started)
* [API Reference of the Stepper Component](https://www.telerik.com/kendo-angular-ui/components/layout/api/steppercomponent)
* [Getting Started with Kendo UI for Angular (Online Guide)](https://www.telerik.com/kendo-angular-ui/components/getting-started)
* [Getting Started with Kendo UI for Angular (Video Tutorial)](https://www.telerik.com/campaigns/kendo-ui/using-kendo-ui-with-angular-video-tutorial)
* [Video Courses](https://www.telerik.com/kendo-angular-ui/components/getting-started/video-onboarding)
* [Stepper Forum](https://www.telerik.com/forums/kendo-angular-ui?tagId=1425)
* [Before You Start: All Things Angular (Telerik Blog Post)](https://www.telerik.com/blogs/all-things-angular)
* [Knowledge Base](https://www.telerik.com/kendo-angular-ui/components/knowledge-base)

## Additional Resources

* [Angular Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-angular)
* [Angular Videos](https://www.telerik.com/videos/kendo-angular-ui)
* [Kendo UI for Angular Roadmap](https://www.telerik.com/support/whats-new/kendo-angular-ui/roadmap)