---
title: Usage
position: 2
seo_title: Guidelines for Using the Stepper Component
seo_description: Get the knack of the Telerik and Kendo UI Stepper and learn how
  to use the component by following the instructions and recommendations in the
  usage guidelines created by our designers.
---

## 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.

<DosDonts>
<Do description="Keep the labels short so that the UI stays neat and legible.">![A Telerik and Kendo UI Stepper component with a concise label](images/components-stepper-usage-label-width-do.png "Use concise labels when working with the Telerik and Kendo UI Stepper component.")</Do>
<Dont description="Avoid long labels as the text will get truncated and the alignment will change, causing a messy UI and problems with text visibility. ">![A Telerik and Kendo UI Stepper component with a too-long label](images/components-stepper-usage-label-width-dont.png "Don't use too long labels when working with the Telerik and Kendo UI Stepper component.")</Dont>
</DosDonts>

### Task Complexity

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

<DosDonts>
<Do description="Use the Stepper component to break down complex tasks into smaller, manageable steps.">![A Telerik and Kendo UI Stepper component displaying four steps](images/components-stepper-task-complexity-do.png "Use the Telerik and Kendo UI Stepper component for complex tasks and workflows.")</Do>
<Dont description="Do not use the Stepper when the task comprises only a few steps and does not require further simplification.">![A Telerik and Kendo UI Stepper component displaying only two steps](images/components-stepper-task-complexity-dont.png "Do not use the Telerik and Kendo UI Stepper component for simple tasks with only a few steps.")</Dont>
</DosDonts>