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.

This is the default Chip styling if the look property is filled or not provided.

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?