Skip to main content

Tag

Information: Documentation incomplete

This component still requires documentation.

Use the tag component to indicate a status, property, or other metadata.

Examples

Default

View HTML
<p class="uhb-c-tag">Web page;</p>

Blue

View HTML
<p class="uhb-c-tag uhb-c-tag--blue"&gWord document;</p>

Green

View HTML
<p class="uhb-c-tag uhb-c-tag--green"&gExcel document;</p>

Pink

View HTML
<p class="uhb-c-tag uhb-c-tag--pink"&gPowerPoint document;</p>

Red

View HTML
<p class="uhb-c-tag uhb-c-tag--red"&gPDF document;</p>