Tag

Non-interactive labels for categories and statuses — neutral, colored, or with icons.

Labels

apptypefaceopen-sourceblogmarkdown

<span class="rounded-md bg-bg-surface px-2.5 py-1 text-xs font-medium
  text-text-secondary">app</span>

/* rounded-md for tags, rounded-full for the pill variant */

Colored

New Stable Beta Deprecated Experimental

With icons

Published In review v1.2.14

Pill variant

macOSiOSAndroidWindowswatchOS

Markdown for agents: /design/tag.md · spec: /design.md