Vue Tagsinput screenshot

Vue Tagsinput

Author Avatar Theme by Ginhing
Updated: 25 May 2018
76 Stars

A tags input component based on Vue.js

Overview

The Vue Tags Input component is an interesting tool designed to enhance user experience when inputting tags in a web application. Although it has been deprecated, it offers a unique way to manage tags with built-in keyboard support, specific properties, and events that make it easier to handle user-inputted data. It’s particularly useful for developers who need a straightforward way to implement tagging functionality in Vue applications.

Features

  • Keyboard Support: Users can navigate through tags with keyboard inputs such as left, right, backspace, and tab, ensuring a seamless experience.
  • Tag Prop Management: Accepts an array of tags, each defined with properties like text, readOnly, and invalid, allowing for flexible tag management.
  • Placeholder Support: Includes a customizable placeholder to guide users while they enter their tags, improving usability.
  • Class Name Override: Lets developers customize the styling of the tag input component by overriding default class names.
  • Event Handling: Provides various events, including tags-change, focus, and blur, enabling developers to manage state effectively.
  • Compatibility with Vue 2: Requires Vue version 2.1.0 or higher, ensuring that it works with modern applications built on this framework.
  • MIT License: Open-source and freely available under the MIT license, promoting community use and adaptability.