Kendo UI for Angular Chip Overview

The Kendo UI for Angular Chip allows users to enter information, make selections, filter content, or trigger actions.

The Chip represents a complex piece of information in a compact form—for example, an entity that can be a person, a place, or a thing. The component can be clicked or removed and supports various styling options. The Chip is commonly used in email templates where each chip is a single person.

The Chip Component is part of Kendo UI for Angular, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the Chip in action.

View Source
Change Theme:

Key Features

  • Content—You can specify the content of the Chip by passing a string or using custom configuration options.
  • Sets of Chip for different use cases—Depending on your requirements, you can implement different sets of Chips for displaying complex information in a compact form such as filters for a collection, multiple chips with multiple selection options, text entries that can be dynamically added or removed by the user, and more.
  • Customization—You can add a Select or Remove custom icon to the Chip as well as display avatars in it.
  • Appearance—The Chip delivers ready-to-use, predefined sets of styling options.
  • Globalization—All Kendo UI for Angular Buttons provide globalization options.

To learn more about the appearance, anatomy, and accessibility of the Chip, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

Support and Learning Resources

Additional Resources