Tag
Categories and labels
Tag
Small labels for categories, status, and context.
Status: Beta
Demo
Tags
Color and size variations
Interactive preview paused.
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 | Size | ||
| closable | Show close button | ||
| disabled | Disable click and close events |
Contract
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.
Interactive preview paused.