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

Customization

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

Display avatar, custom classes and icons

You can specify a display avatar or custom classes, icons by using the icon property.

Example
View Source
Change Theme:

Custom Select Icon

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

Example
View Source
Change Theme:

Custom Remove Icon

You can specify a custom remove icon by using the removeIcon property. You should also allow the Chip to be removable by setting the removable property to true in order to allow the vizualization of the custom removeIcon.

Example
View Source
Change Theme:

Custom Avatar

You can specify a custom avatar by using the avatar property to place the desired shape or image in the chip.

Example
View Source
Change Theme: