Skip to main contentCarbon Design System

Tag

White
Gray 10
Gray 90
Gray 100
Tag
Red Magenta Purple Blue Cyan Teal Green Gray Cool gray Warm gray
Tag
Modifiers

General guidelines

Tags are used for items that need to be labeled, categorized, or organized using keywords that describe them.

Multiple or single tags can be used to categorize items.

Use tags when content is mapped to multiple categories, and the user needs a way to differentiate between them.

Example of tags in a data table.

Tags can also be used as a method of filtering data, to show only items within that particular category.

Example of tags in search.