3.5k star 一款开源简单好用的前端TAG标签组建库

今天我要给大家介绍一个在GitHub上备受好评的轻量级、高效的标签输入组件——Tagify。

一、Tagify简介

Tagify是一个用Vanilla JS、React、Angular和Vue编写的标签输入组件。它可以将普通的输入框或文本区域轻松转换为功能丰富的标签组件，具有出色的性能和小巧的代码体积。

二、安装与使用

Tagify的安装和使用都非常简单。你可以通过CDN直接引入，也可以作为Node模块进行安装。在项目中引入Tagify后，只需几行代码即可将其应用到你的输入框或文本区域上。

三、Tagify的特点

1. 轻量高效：Tagify采用纯JavaScript编写，没有依赖任何第三方库，因此加载速度快，性能优越。

2. 高度可定制：Tagify提供了丰富的配置选项，你可以根据自己的需求自定义标签的样式、行为等。

3. 丰富的功能：Tagify支持白名单/黑名单、自动补全、粘贴多值、正则表达式分隔标签等多种功能。此外，它还支持ARIA无障碍访问，可以方便地为残障用户提供更好的使用体验。

4. 易于集成：Tagify可以轻松地与React、Vue、Angular等前端框架集成，为你提供无缝的开发体验。

四、动态添加与删除标签

Tagify允许你在运行时动态地添加或删除标签。你可以使用addTags方法添加