.u-input-tag
.form-control.d-flex.flex-wrap-reverse.align-items-center.pt-0(:class="{ 'is-invalid': !!error }")
.tags.d-flex.flex-wrap
a.badge.badge-pill.badge-primary.d-flex.align-items-center.mr-2(
:key="index",
v-for="(s, index) in selected",
@click.prevent.stop="remove(s)"
) {{ _.find(normalize(tags), { value: s }).text }}
i.fa.fa-times.ml-2
u-select.col.p-0(
v-model="select",
:options="normalizedTags",
:search.sync="search",
@keydown.delete="removeLast",
@insert="onInsert",
@change="onSelect",
ref="select",
:placeholder="placeholder",
no-placeholder,
filterable
:empty="search && (!!this.insertable || this.insertable === '') ? `New Tag: ${search}` : ''",
:disabled="tags.length < 1 && search.length < 1"
)
u-modal(ref="modal", size="sm")
span(slot="title") Error
h5.mb-0 {{ limitMessage }}
.invalid-feedback(v-if="error") {{ error }}