The chip component is a visual text label that helps describe an attribute of an object. These are used throughout the interface to inform users of how an object may be tagged or identified, and can also allow filtering if available.
Chips are generally a container for tag elements, and can contain icons and a remove/dismiss action when added to dynamic lists.
Variants
Variants contain different versions of the component depending on specific properties, such as state, size, colour, optional iconography, etc.
| Property | Values | Default |
|---|---|---|
| style Variant | default | danger | success | warning | info | default |
| dismiss Boolean | true | false | false |
| icon Boolean | true | false | true |
Component dependencies
This component is internally dependent on the following components:
Help and support