Tag

A Tag is a small UI component used to display brief, contextual information such as a status, notification count, or label.
Tags can be styled with different colors to convey meaning, such as success, warning, or error, and are useful for highlighting important details in a compact, unobtrusive way.

Component Status

Figma

Up to date

Status

Stable

HTML

Up to date

React

Up to date

Twig

Up to date

Design Usage

  • Use the Tag component as a short label for easy scanning of content
  • The tag has many color and size variants
  • The Tag could be customized as a Tag for jobs.cz in custom Search component

© 2025 Spirit. Page last updated on Nov 27, 2024, 17:31