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


The Chip component allows you to set different Chip types.

Each chip type is color-coded which allows the user to immediately recognize whether the Chip indicates a successful operation or an error message.

To use the predefined styles for each Chip type, pass a value in the type input property.

The available type values are:

  • none
  • success
  • info
  • error
  • warning

The following example demonstrates how to specify different Chip types.

View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?