ComponentsTag

displaytexulinot agent-emittableapp

Tag

tag

A labeled chip that can be removed.

Live examples

Removable tag

Removable tag

Loading demo…

Props

Public props for Tag
NameKindRequiredDefaultDescription
labelstringyes—Visible label
variantenum (default, secondary, outline, success, warning, destructive, info, neutral)no"secondary"—
removeLabelstringno"Remove"—
onRemoveeventno—Called when remove is activated
disabledbooleannofalse—
classstringno——

Keyboard

Keyboard behavior for Tag
KeyAction
—See accessibility notes for keyboard behavior.

Accessibility

  • Remove control has an accessible name; pending remove is disabled.

Evidence for tag

Latest committed gates for tag (as of 2026-10-23). Static snapshot — not live CI.

Behavior

n/ano behavior scenario

No dedicated behavior scenario for this catalog id (a styled or display surface, covered by its unit and axe tests).

Size (gzip)

texuli/tag · budget 12.0 KiB

Budget from texuli.budgets.json; re-measure with `pnpm size --filter <entry>`.

Axe

documented

  • tests/e2e/site-component-pages.spec.ts
  • docs/quality (a11y-*)

Site component pages axe gate; package-level a11y docs under docs/quality when present.

Browsers

  • chromium
  • webkit
  • mobile

Playwright projects: Desktop Chrome, Desktop Safari, Pixel 7. Firefox is a known gap on this host.

When to use

Use when

  • Show a selected filter or category the user can remove

Don’t use when

Prefer another component

  • Static status (use badge)
  • A pressed filter control (use chip)