Tag

32

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.

Looking into how the

Tag

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Looking into how the

Tag

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%

Looking into how the

Tag

component works?

Join a 3-day mini-course to audit your Design System, uncover weak spots, and finally make it work

System health

Ownership

Tokens

Components

design-to-code

98%