|
@desco/vue-input-tags
Componente VueJS para entrada de Tags.
🚀 Pronto para uso 🚀
|
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 |
Autor