UxTag
components/ux/Tag.vue
Small grape-colored pill tag with X remove button and warning color variant.
production
api.qpoint.io
rate-limited
read-only
components/ux/Tag.vue
Usage
<UxTag
:noX = "false"
id = "—"
:warn = "false"
>
Content here
</UxTag>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| noX | Boolean | false | Hide the remove button |
| id | String | '' | Identifier passed to remove event |
| warn | Boolean | false | Warning color variant |
Events
| Event | Description |
|---|---|
| remove | When X button is clicked |
Slots
| Slot | Description |
|---|---|
| default | Tag text |