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