UxTagInput

components/ux/TagInput.vue

Multi-tag entry field with comma, tab, and enter delimiters and backspace-to-remove.

production
api
tags: [ "production", "api" ]
States
Empty
Many tags (overflow)
production
staging
api
frontend
backend
auth
billing
monitoring
alerts
webhooks
components/ux/TagInput.vue

Usage

<UxTagInput :modelValue = "[]" />

Props

PropTypeDefaultDescription
modelValueArray[]Tag array (v-model)

Events

EventDescription
update:modelValueWhen tags change

Related