Brand
Changelog v1.4

Tag

Tags are used for labeling, categorization, and filtering content.

Variants

Primary Success Neutral Warning Danger

Sizes

Small Medium Large

Pill

Design Active Pending Urgent

Removable

Angular TypeScript Tailwind Shoelace

Usage

<sl-tag variant="primary" pill>Active</sl-tag>
<sl-tag variant="danger" removable>Remove me</sl-tag>