New to KendoReact? Start a free 30-day trial

Display Modes

The Stepper enables you to specify steps layout.

Steps Layout

To specify if the steps will be displayed with or without an indicator, use the mode property. The possible values are:

  • (Default) steps. Render step indicator and optional label.
  • labels. Render labels only.

To configure the layout of the Step indicators, use the following properties:

  • icon Sets an icon inside the Step indicator.
  • text Sets custom text inside the Step indicator.

If neither of the two properties is provided, the steps indicators will render numbers in a sequence order.

Example
View Source
Edit In Stackblitz  
Change Theme:

Steps Types

The Stepper provides various step types. For example, disabled, optional steps as well as steps with validation applied.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?