Tag

Small labels for categories, status, and context.
Status: Beta

Demo

Tags

Color and size variations

Demo will load when visible.

<template>
  <TxTag label="Default" />
  <TxTag label="Success" color="var(--tx-color-success)" />
  <TxTag label="Warning" color="var(--tx-color-warning)" />
  <TxTag label="Danger" color="var(--tx-color-danger)" />
</template>

API (Lite)

Property	Type	Default	Description
label		-	Label text
color		-	Primary text/icon color
background			Custom background color
border			Custom border color
icon			Leading icon class
size	smmd		Size
closable			Show close button
disabled			Disable click and close events

Tag renders with role="status". The default slot replaces label. The close button stops propagation, so closing a tag does not also emit the tag click event. Disabled tags block both click and close.

Composite Patterns

Tag + Button

Tags paired with actions.