Tag

Tags communicate metadata that categorizes or groups content in an application. They are read-only, do not interfere with page interactions, and use categorical colors to draw attention. Tags appear as stylized elements with text, sometimes accompanied by an icon to reinforce their meaning.

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected

When implementing tags to categorize content, ensure color isn't used as the only visual means of conveying information WCAG 1.4.1 Use of Color. Text labels and/or icons should be the primary indicators for differentiating between tag categories, with color serving as a secondary, complementary indicator.

This approach ensures users who cannot perceive color differences (such as those with color blindness) can still understand the categorization system.