Tag Group

---

Anatomy

Anatomy summary lists and describes all the elements within a component (including nested components).

1. Tag container: Primary container that holds the label and optional Icon or Avatar.
2. Tag label: User-generated text describing the tag.
3. Dismiss Button (optional): Indicates the tag can be dismissed.
4. Tag count with link: Textual link with a count of hidden tags, pointing to a page where all tags can be displayed.

---

Variants

Variants contain different versions of the component depending on specific properties, such as state, size, color, optional iconography, etc.

Dismissible vs Non-dismissible

Tag Group should be constructed using dismissible or non-dismissible Tags: either all Tags within the Tag Group can be dismissed or none, without mixing the two.

Tag appearance

Similarly, Tags displayed within the Tag Group should have a consistent appearance (without mixing multiple styles). Choose one of the following:

• Text-only
• Avatar and text
• Icon and text

---

Component dependencies

This component is internally dependent on the following components:

---

Help and support