Customization

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

When customizing the rendering of the Chip, you can:

• Render a custom Select icon
• Render a custom Remove icon
• Display avatars

Rendering Custom Select Icons

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

Rendering Custom Remove Icons

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

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

Suggested Links

• API Reference of the Chip