FEEDBACK / COMPONENTS
Tag
Add compact, scannable context.
About tag
A Tag is a compact UI element used to categorize, label, or highlight specific content with brief, descriptive text.
01
Anatomy
Shared parts, named consistently.
Design system
- 1BackgroundRequired
Background container of the tag
- 2LabelRequired
Label of the tag
- 3Icon
Optional SVG icon
Try the default
A working example with the shared V1 visual language.
Design system
When to use
Use short labels for status, category, or a selected filter. Removable tags need a named remove action.
Static tags are not focusable. A remove button is reached by Tab and activated with Enter or Space.