Customization

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

When customizing the rendering of the Chip, you can:

• Render a custom Remove icon
• Display avatars

Rendering Custom Remove Icons

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

Displaying Avatars

The Chip component treats 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 class or multiple classes separated by spaces, which are applied to a span element inside the Chip.

Suggested Links

• API Reference of the Chip