Skip to main content

Tag

Label and categorize items with keywords.

Tags help you display contextual information, such as filtering criteria or object metadata. They come in four variants: neutral, warning, positive, and negative.

View in StorybookExternal link icon

Usage​

  • Use neutral tags to categorize items and provide related information.

  • Use warning, positive, and negative tags to represent statuses and states.

  • Use categorical tags to differentiate the content by category visually.

Best practices​

Avoid using tags for selection from multiple options, displaying applied filters, or other interactive purposes—consider using Pills instead.

Do IconDo
Do Example
Don't IconDon't
Don't Example