@desco/vue-input-tags
v1.0.3
Published
VueJS Input Tags Component
Downloads
4
Readme
Veja outros projetos NPM aqui.
Veja outros projetos aqui.
📋 Tabela de conteúdos
🛠️ Tecnologias
As seguintes tecnologias são utilizadas:
⚙️ Instalação
npm install --save @desco/vue-input-tags
Note que será necessário ter o NPM instalado para o comando funcionar.
📦 Importação
import vueInputTags from '@desco/vue-input-tags'
📚 Como Usar
📚 How to use
<template>
<vueInputTags
:value="tags"
new-tag-txt="+ Tag"
separator-character=";"
:max="10"
:add-on-blur="false"
:allow-repeat="false"
:transitions="false"
/>
</template>
<script>
export default {
components: { vueInputTags, },
data () {
return {
tags: '',
}
}
</script>
Parâmetros
| Nome | Tipo | Obrigatório | Padrão | Descrição | |---|---|---|---|---| | value | String | Sim | - | String que contém/conterá as tags | | new-tag-txt | String | Não | + Tag | Texto a ser exibido para adicionar nova tag | | separator-character | String | Não | ; | Caracter que será usado para separar as tags dentro da string| | max | Number | Sim | - | Limite de tags permitidas | add-on-blur | Boolean | Não | true | Se deve adicionar a tag digitada ao tirar o foco do campo | alow-repeat | Boolean | Não | false | Se permite repetir tags | transitions | Boolean | Não | true | Se deve ter animações |