1Sponsor

Tag Input

Add and remove tags inline

Terminal

Installation

pnpm dlx shadcn@latest add https://termcn.dev/r/tag-input.json

Usage

import { TagInput } from "@/components/ui/tag-input";
<TagInput placeholder="Add a tag…" onChange={(tags) => {}} />

API Reference

TagInput

PropTypeDefault
valuestring[]undefined
onChange(tags: string[]) => voidundefined
placeholderstring"Type and press Enter…"
maxTagsnumberundefined
delimiterstringundefined