New to Kendo UI for Angular? Start a free 30-day trial

Step Types

The Stepper allows you to specify the type of its rendered steps.

The component can display each step as a circle indicator, a text label, or a combination of both. To change the type of the steps, use the stepType option.

The Stepper supports the following step types:

  • indicator (Default)—A circle indicator with customizable content (numeric, text, icon, and so on) will be rendered for each step.
  • label—No indicator is visible. A text label will be rendered for each step instead.
  • full—The step will consist of a circle indicator and a text label underneath.

The following example demonstrates all step types in action.

View Source
Change Theme:

In this article

Not finding the help you need?