Available since

Tags communicate metadata that categorizes or groups content in an application. They are read-only, do not interfere with page interactions, and use categorical colors to draw attention. Tags appear as stylized elements with text, sometimes accompanied by an icon to reinforce their meaning.


Tag has two variants: primary and secondary. The primary variant is set by default. Set to secondary with variant=”secondary”.