---
title: Usage
position: 2
seo_title: Guidelines for Using the DropDownButton Component
seo_description: Get the knack of the Telerik and Kendo UI DropDownButton and
  learn how to use the fill modes, label text and width, sizing and alignment
  options of the component by following the instructions and recommendations in
  the user guidelines created by our designers.
---
## Usage Guidelines

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

### Order and Grouping

DropDownButtons provide you with a drop-down menu to choose from, and their organization is important to facilitate ease of use. Following a logical order sequence of menu items and grouping them based on functional criteria is crucial for providing a clear and intuitive user experience.

<DosDonts>
<Do description="Organize the drop-down menu items in groups, and sort them in a logical order by placing the most selected option at the top.">![A Telerik and Kendo UI DropDownButton with items that are grouped arranged in a logical order](images/components-dropdownbutton-usage-order-and-grouping-do.png "Arrange the items of the Telerik and Kendo UI DropDownButton in a logical order.")</Do>
<Dont description="Avoid random sorting of the menu items as this could lead to confusion and frustration.">![A Telerik and Kendo UI DropDownButton with randomly listed items](images/components-dropdownbutton-usage-order-and-grouping-dont.png "Avoid listing the items of the Telerik and Kendo UI DropDownButton in a random order.")</Dont>
</DosDonts>


### Label Text

The label of the DropDownButton must be accurate, informative, and leaving no room for misinterpretations.

<DosDonts>
<Do description="Use phrases that clearly indicate the DropDownButton action.">![A Telerik and Kendo UI DropDownButton with a precise label](images/components-dropdownbutton-usage-text-label-do.png "Use labels that are accurate and informative when working with the Telerik and Kendo UI DropDownButton.")</Do>
<Dont description="Avoid using vague and generic labels as this could lead to confusion and frustration.">![A Telerik and Kendo UI DropDownButton with a vague label](images/components-dropdownbutton-usage-text-label-dont.png "Avoid labels that are too general and can be misinterpreted when working with the Telerik and Kendo UI DropDownButton.")</Dont>
</DosDonts>