Black Lives Matter. Support the Equal Justice Initiative.
Skip to main contentCarbon Design System

Tag

Use tags to label, categorize, or organize items using keywords that describe them.

Overview

Multiple or single tags can be used to categorize items.

Use short labels for easy scanning. Use two words only if necessary to describe the status and differentiate it from other tags.

When to use

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.

Live demo

Red Magenta Purple Blue Cyan Teal Green Gray Cool gray Warm gray
Tag
Modifiers

Feedback

Help us improve this component by providing feedback, asking questions, and leaving any other comments on GitHub.