Tag

Tag displays metadata categorizing or grouping content in an application. They are read-only and do not interfere with page interactions but use categorical colors to draw attention. Tags appear as stylized elements with text, optionally accompanied by an icon to reinforce their meaning.

Salt package@salt-ds/core
Available since1.30.0
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.