A tag is colored text on a pill background which may include an optional icon. A tag background can be colored, white, or transparent and it always includes a border.
- Container and border
- Text label
- Optional icon
There are two available variants and the only difference is the background colors. Both variants include an optional slot for displaying a small icon to the left of the text label.
Both variants are available in the light theme. There is an unfilled white tag available in the dark theme if necessary.
Both variants have the same height and border radius.
A tag includes only text and an optional icon and is not interactive right now.
Related elements or patterns
To give feedback about anything on this page, contact us.
Red Hat legal and privacy links
- About Red Hat
- Contact Red Hat
- Red Hat Blog
- Diversity, equity, and inclusion
- Cool Stuff Store
- Red Hat Summit