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

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

### Label Width

Although chips in the ChipList component can contain larger chunks of text, try to keep its content clear, concise, and as short as possible. The goal of the chip is to be compact, so be mindful of its placement when adding textual content.

<DosDonts>
<Do description="Keep the labels of the chips in the ChipList as short as possible.">![A Telerik and Kendo UI ChipList component including three Chips with concise labels](images/components-chiplist-usage-label-width-do.png "Use concise labels for the Chips in the Telerik and Kendo UI ChipList component.")</Do>
<Dont description="Avoid assigning longer and long-winded labels.">![A Telerik and Kendo UI ChipList component including three Chips with lengthy labels](images/components-chiplist-usage-label-width-dont.png "Avoid long labels for the Chips in the Telerik and Kendo UI ChipList component.")</Dont>
</DosDonts>


### Filtering

The ChipList component can be utilized for filtering, enabling users to choose individual chips or combine them to refine the displayed content based on different categories or criteria. This intuitive approach empowers users to effortlessly toggle between filter combinations, instantly refining search results and allowing users to quickly navigate and discover relevant information.

<DosDonts>
<Do description="Use a moderate number of chips to offer meaningful and relevant filter options, providing users with a clear and manageable filtering experience.">![A Telerik and Kendo UI ChipList component including a moderate number of filter options](images/components-chiplist-usage-filtering-do.png "Use a reasonably small number of filter options when working with the Telerik and Kendo UI ChipList component.")</Do>
<Dont description="Avoid overwhelming users with an excessive number of chips as it can make the selection process challenging.">![A Telerik and Kendo UI ChipList component including an excessive number of filtering options](images/components-chiplist-usage-filtering-dont.png "Do not overload the user with too many chips when working with the Telerik and Kendo UI ChipList component.")</Dont>
</DosDonts>


### Color Tags

Using the ChipList as a tag is an effective way to categorize and label content. Each chip represents a specific tag, providing a visual indicator of the associated category, topic, or attribute. Using colors in tags can be a helpful visual aid to enhance the readability and organization of information. Consistency in color usage is an essential factor to ensure effective communication.

<DosDonts>
<Do description="Use color tags to visually distinguish and categorize different types of information, enhancing readability and organization.">![A Telerik and Kendo UI ChipList component including color tags](images/components-chiplist-color-tags-do.png "Use color tags to help the user with the categorization when working with the Telerik and Kendo UI ChipList.")</Do>
<Dont description="Avoid using colors in tags solely for decorative purposes, as inconsistent color usage can confuse users, create ambiguity, and hinder their ability to understand the meaning or distinction between tags.">![A Telerik and Kendo UI ChipList component with color tags used for decorative purposes](images/components-chiplist-color-tags-dont.png "Don't use color tags for decorative purposes when working with the Telerik and Kendo UI ChipList.")</Dont>
</DosDonts>