ChipList

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.

DoKeep the labels of the chips in the ChipList as short as possible.

Don'tAvoid assigning longer and long-winded labels.

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.

DoUse a moderate number of chips to offer meaningful and relevant filter options, providing users with a clear and manageable filtering experience.

Don'tAvoid overwhelming users with an excessive number of chips as it can make the selection process challenging.

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.

DoUse color tags to visually distinguish and categorize different types of information, enhancing readability and organization.

Don'tAvoid 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.