Step Types

The Stepper component allows you to speficy the type of the rendered steps. It 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 following step types are supported:

  • indicator (Default)A circle indicator with customizable content (numeric, text, icon etc) will be rendered for each step.
  • labelNo indicator is visible. A text label will be rendered for each step instead.
  • fullThe step will consist of a circle indicator and a text label underneath.

The following example demonstrates all step types in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?