New to KendoReact? Start a free 30-day trial

Appearance

The Chip component provides two predefined appearance options.

These styling options enable you to add a filled or an outlined chips by setting the look property.

Filled Chip

The Filled Chip sets a background color to its content.

The default Chip look property is set to filled but you can also provide it.

Example
View Source
Edit In Stackblitz  
Change Theme:

Outlined Chip

The Outlined Chip sets a transparent background and a solid border.

To render an Outlined Chip, use the look="outlined" configuration.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?