Customization

The Chip component provides the following options for customizing its look and feel:

Custom Select Icon

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

Example
View Source
Edit In Stackblitz  
Change Theme:

Custom Remove Icon

You can specify a custom remove icon by using the removeIcon property.

Example
View Source
Edit In Stackblitz  
Change Theme:

Display Avatars

The Chip component threats the avatar as an icon.

You can display an avatar by passing 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:

In this article

Not finding the help you need?