Tag

30
Tag
30

Tag

30
Tag
30

Tag is an interactive UI element that represents a piece of information as a keyword or attribute. Tags are commonly used for labeling, categorizing, or providing additional metadata about an item. They are usually accompanied by a text label and can also include icon for removal, especially when used in input fields.

Tags may be color-coded or come in different shapes to distinguish between different categories or statuses. By visually distinguishing meta-information, the Tag component enhances readability, supports easy filtering, and contributes to a more organized and efficient user experience.

Tag

in Design Systems