Multi Tag Input

A reusable multi-tag input component with drag-and-drop reordering and edit-in-place functionality

Open in
registry:ui
class-variance-authorityiconsax-react
Demo
Interactive demonstration of the Multi Tag Input component

Basic Example

React
TypeScript
Next.js
3/10 tagsAdd your technical skills. Click to edit, drag to reorder.

Small Size

0/5 tags

Disabled State

0/10 tags

Error State

0/10 tags

At least 3 tags are required

Installation
Add this component to your project

Using CLI

npx shadcn@latest add @chisom-ui/multi-tag-input

Dependencies

npm install class-variance-authority iconsax-react
Files
Component files included in this package
  • registry:uiregistry/new-york/ui/multi-tag-input.tsx