New to Kendo UI for Angular? Start a free 30-day trial

Customization

The Chip component provides options for customizing its look and feel.

When customizing the rendering of the Chip, you can:

Rendering Custom Select Icons

You can specify a custom Select icon by using the selectedIcon property.

Example
View Source
Edit In Stackblitz  
Change Theme:

Rendering Custom Remove Icons

To specify a custom Remove icon, use the removeIcon property.

Example
View Source
Edit In Stackblitz  
Change Theme:

Displaying Avatars

The Chip component threats the avatar as an icon.

To display an avatar, pass the k-chip-avatar CSS class to the iconClass property.

The iconClass property allows you to define a CSS classor multiple classes separated by spaceswhich are applied to a span element inside the Chip.

Example
View Source
Edit In Stackblitz  
Change Theme: