Stepper

The Stepper component navigates users through complex workflows by breaking them down into simple steps.

Usage Guidelines

The Telerik and Kendo UI Stepper requires you to follow some basic principles when using the component.

Label Width

The Stepper label displays a limited amount of text in order to keep the content clear and aligned.

A Telerik and Kendo UI Stepper component with a concise label
Keep the labels short so that the UI stays neat and legible.
A Telerik and Kendo UI Stepper component with a too-long label
Avoid long labels as the text will get truncated and the alignment will change, causing a messy UI and problems with text visibility.

Task Complexity

Always consider the complexity of the tasks before utilizing the Stepper component. Its intended use is to simplify complex workflows.

A Telerik and Kendo UI Stepper component displaying four steps
Use the Stepper component to break down complex tasks into smaller, manageable steps.
A Telerik and Kendo UI Stepper component displaying only two steps
Do not use the Stepper when the task comprises only a few steps and does not require further simplification.
Feedback