Displays compact information with an optional remove action.

A font icon next to the label can be displayed with the icon property. Use removable to add a remove action.

The image property is used to display an image like an avatar.

Chip also allows displaying custom content inside itself.

List of class names used in the styled mode.

Screen Reader

Chip uses the label property as the default aria-label, since any attribute is passed to the root element aria-labelledby or aria-label can be used to override the default behavior. Removable chips have a tabindex and focusable with the tab key.

Keyboard Support