ArtificialSenseDocs

Docs / Components

SenseTagComponent

Compact category label from @artificialsenselabs/ui with semantic severities and optional dismiss.

Live demo: run nx serve showcase and open /components/tag (port 4202).

Overview

Category: Display. Selector: sense-tag. Import: import { SenseTagComponent } from '@artificialsenselabs/ui';

Choose tag for static category / taxonomy labels (optional dismiss). Prefer chip for filter / multi-select and badge for status / counts / metadata. Naming stays distinct: tag uses value / dismissible / dismissed; chip uses label / removable / removed.

Accessibility

  • Static tags expose visible text only — no role="status" live region.
  • Dismissible tags use role="group" and tabindex="0". Dismiss via the labelled control or Delete / Backspace on the focused tag.
  • Dismiss control dogfoods sense-icon-button for a usable hit target.