Tag

OverviewStyleGuidelinesCodeAccessibilityDemos

Overview

A tag is a caption added to an element for better clarity and user convenience.

Status

Sample element

Red Orange Green Cyan Blue Purple Gray

When to use

  • Categorize content
  • Add context or clarity to elements
  • Indicate status
A row of tags, a tag with the content: Warning that has a filled yellow background and a brighter yellow border and a triangle warning sign icon, a tag with the content: Signed, with a white background and green border, a tag with the content: Red Hat Openshift with a blue background and brighter blue border, and a tag with the content: Critical Error with a white background and redborder and exclamation mark icon.

Status checklist