# Tagify - 태그 입력 컴포넌트 JS라이브러리

> Clean Markdown view of GeekNews topic #3855. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=3855](https://news.hada.io/topic?id=3855)
- GeekNews Markdown: [https://news.hada.io/topic/3855.md](https://news.hada.io/topic/3855.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2021-03-09T09:02:06+09:00
- Updated: 2021-03-09T09:02:06+09:00
- Original source: [github.com](https://github.com/yairEO/tagify)
- Points: 12
- Comments: 0

## Topic Body

- Input/Textarea 에 Tag 입력을 지원

- Vanilla, React, Vue, Angular 지원

- 일반 문자열과 혼합 사용 가능

- 더블 클릭해서 기존 입력한 태그 수정

- 자동 완성, 자동 추천

- 여러개의 태그 붙여넣기

- fuzzy 검색을 위해 alias 지정 가능

- Single Value 모드: Select와 비슷하지만 텍스트 입력도 가능

- whitelist/blacklist

- 다양한 이벤트 지원

ㅤ→ change,add,remove,invalid,input,click,dblclick,keydown,focus,blur

ㅤ→ edit:input, edit:beforeUpdate, edit:updated, edit:start, edit:keydown

ㅤ→ dropdown:show, dropdown:hide, dropdown:select, dropdown:scroll, dropdown:noMatch

## Comments



_No public comments on this page._