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.

  • For displaying categories in a catalogue or within a group.
  • To display non-interactive data on a page.
  • For quick filtering and selection, use Pill. Tags and Pills both categorize content in an app, but while Tags are read-only and simply display metadata, Pills are interactive and allow users to filter or sort content.
  • To display counts, notifications or if you need a small, compact piece of information to be displayed inline, for example ‘New’. Instead, use Badge.

To import Tag from the core Salt package, use: