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.

Change Theme

Theme

Loading ...

Suggested Links

• API Reference of the Stepper
• Angular Stepper