All Projects → JohMun → Vue Tags Input

JohMun / Vue Tags Input

A tags input component for VueJS

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vue Tags Input

Contentful Tags Autocomplete Extension
UI Extension for Contenful (CMS) to add an autocompleting tags widget to content types
Stars: ✭ 10 (-98.69%)
Mutual labels:  autocomplete, tags
React Selectrix
A beautiful, materialized and flexible React Select control
Stars: ✭ 166 (-78.19%)
Mutual labels:  autocomplete, tags
React Input Tags
React component for tagging inputs.
Stars: ✭ 10 (-98.69%)
Mutual labels:  autocomplete, tags
Ngx Chips
Tag Input component for Angular
Stars: ✭ 840 (+10.38%)
Mutual labels:  autocomplete, tags
react-native-element-textinput
A react-native TextInput, TagsInput and AutoComplete component easy to customize for both iOS and Android.
Stars: ✭ 28 (-96.32%)
Mutual labels:  autocomplete, tags
V Tag Suggestion
A simple tag component with typeahead
Stars: ✭ 40 (-94.74%)
Mutual labels:  autocomplete, tags
Jstag
Pure Angular Input Tags project
Stars: ✭ 140 (-81.6%)
Mutual labels:  autocomplete, tags
Heyui
🎉UI Toolkit for Web, Vue2.0 http://www.heyui.top
Stars: ✭ 2,373 (+211.83%)
Mutual labels:  vue-components, autocomplete
react-autocomplete-tags
React Autocomplete Tags
Stars: ✭ 17 (-97.77%)
Mutual labels:  autocomplete, tags
vue-thailand-address-autocomplete
🇹🇭 Autocomplete ที่อยู่ในประเทศไทย
Stars: ✭ 49 (-93.56%)
Mutual labels:  autocomplete, vue-components
Vue Simple Suggest
Feature-rich autocomplete component for Vue.js
Stars: ✭ 324 (-57.42%)
Mutual labels:  vue-components, autocomplete
smart-tagz
🏷Smart input tags for Vue
Stars: ✭ 28 (-96.32%)
Mutual labels:  tags, vue-components
Vue Gl
Vue.js components rendering 3D WebGL graphics reactively with three.js
Stars: ✭ 434 (-42.97%)
Mutual labels:  vue-components, tags
Kotlin Language Server
Intelligent Kotlin support for any editor/IDE using the Language Server Protocol
Stars: ✭ 650 (-14.59%)
Mutual labels:  autocomplete
Selectpage
A simple style and powerful selector, including ajax remote data, autocomplete, pagination, tags, i18n and keyboard navigation features
Stars: ✭ 679 (-10.78%)
Mutual labels:  autocomplete
Vue Burger Menu
🍔 An off-canvas sidebar Vue component - https://vue-burger-menu.netlify.com/
Stars: ✭ 648 (-14.85%)
Mutual labels:  vue-components
Elasticsuite
Smile ElasticSuite - Magento 2 merchandising and search engine built on ElasticSearch
Stars: ✭ 647 (-14.98%)
Mutual labels:  autocomplete
Awesome Ui Component Library
Curated list of framework component libraries for UI styles/toolkit
Stars: ✭ 702 (-7.75%)
Mutual labels:  vue-components
Atui
A Vue.js 2.0 UI Toolkit for Web
Stars: ✭ 674 (-11.43%)
Mutual labels:  vue-components
Zsh Autocomplete
🤖 Real-time type-ahead completion for Zsh. Asynchronous find-as-you-type autocompletion.
Stars: ✭ 641 (-15.77%)
Mutual labels:  autocomplete

vue-tags-input

A tags input component for VueJS with autocompletion, custom validation, templating and much more

Demo & Docs

Features

  • No dependencies
  • Custom validation rules
  • Hooks: Before adding, Before deleting ...
  • Edit tags after creation
  • Fast setup
  • Works with Vuex
  • Small size: 34kb minified (css included) | gzipped 9kb
  • Autocompletion
  • Many customization options
  • Own templates
  • Delete tags on backspace
  • Add tags on paste
  • Examples & Docs

Install

NPM

npm install @johmun/vue-tags-input

CDN

<script src="https://unpkg.com/@johmun/vue-tags-input/dist/vue-tags-input.js"></script>

Usage

<template>
  <div>
    <vue-tags-input
      v-model="tag"
      :tags="tags"
      @tags-changed="newTags => tags = newTags"
    />
  </div>
</template>
<script>
import VueTagsInput from '@johmun/vue-tags-input';

export default {
  components: {
    VueTagsInput,
  },
  data() {
    return {
      tag: '',
      tags: [],
    };
  },
};
</script>

License

MIT

Copyright (c) 2019 Johannes Munari

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].