Category Tag

This tag is used to represent categories that customers define themselves, such as region or internal concept labels. Since there's no fixed entity to anchor to, colour becomes the primary identity signal, chosen from a curated swatch set or a custom hex value.

 


Anatomy

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

Element

Description

Optional?

1. Tag Background

Colour set by user @7% alpha

No

2. Tag icon

Colour set by user

No

3. Label Text

Label text defined by user

No

4. Dismissible button

Indicates the tag can be dismissed.

Yes


Variants

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



Help and support