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.
Examples
How to use
Accessibility
- 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 |
---|