Tag
Tag
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.
Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected
- 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:
Name | Type | Description | Default |
---|
- 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:
Name | Type | Description | Default |
---|
- 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:
Name | Type | Description | Default |
---|