Tag
Tag component for displaying closable, colored, icon, and badge tags.
Basic
vue
<TTag label="Tag 1" closable />Colored
With Icon
With Badge
TTagList
API
TTag Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | '' | Tag text |
color | BaseColor | — | Tag color |
closable | boolean | false | Show close button |
disabled | boolean | false | Disabled state |
icon | Component | — | Icon component |
avatar | string | — | Avatar image URL |
status | BaseColor | — | Status dot color |
legend | BaseColor | — | Legend color |
badge | string | number | — | Count badge |
TTag Emits
| Event | Description |
|---|---|
close | Close button clicked |
TTagList Props
| Prop | Type | Default | Description |
|---|---|---|---|
options | TagOption[] | — | Tag options array |
TTagList Emits
| Event | Parameters | Description |
|---|---|---|
close | (option, index) | Tag closed |