vue-tags-to-input v0.0.3

Vue component to include Tags in input

How to configure

npm i vue-tags-to-input

Register component globally or import directly in component:

Global setting:

main.js (example):

import { createApp } from "vue";
import "./style.css";
import App from "./App.vue";
import VueTagsToInput from "vue-tags-to-input";
import "vue-tags-to-input/dist/style.css";

const app = createApp(App);
app.component("VueTagsToInput", VueTagsToInput);
app.mount("#app");

Local setting:

YourComponent.vue:

<script>
import VueTagsToInput from 'vue-tags-to-input'
import 'vue-tags-to-input/dist/style.css'
<script>

Usage:

<template>
<VueTagsToInput
		:width="400"
        :inputColor="'gray'"
        :textColor="'white'"
        :tagColor="'orange'"
        :tagHoverColor="'black'"
        :listItemColor="'green'"
        :listItemHoverColor="'yellow'"
        :listColor="'blue'"
        :removeColor="'red'"/>
</template>