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&mdah;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 100+ 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.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • ContentYou can specify the content of the Chip by passing a string or using custom configuration options.
  • Sets of Chip for different use casesDepending 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.
  • CustomizationYou can add a Select or Remove custom icon to the Chip as well as display avatars in it.
  • AppearanceThe Chip delivers ready-to-use, predefined sets of styling options.
  • GlobalizationAll Kendo UI for Angular Buttons provide globalization options.

In this article

Not finding the help you need?