@desco/vue-input-tags

VueJS Input Tags Component

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
00Mar 31, 2021Jul 24, 2018Minified + gzip package size for @desco/vue-input-tags in KB

Readme

@desco/vue-input-tags

Componente VueJS para entrada de Tags.

Licença MIT Versão 1.0.3

🚀 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

Rafael A. R. Dias Email eu@diasrafael.com.br Linkedin @diasrafael Facebook @eudiasrafael GitHub Geral @descodifica GitHub NPM @desco-npm NPM @desco

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.