Tag input

Type and press Enter or comma to add tags, with suggestions and a limit.

Installation

npx plankui@latest add tag-input

import { TagInput } from "@/components/ui/tag-input";

<TagInput defaultValue={["React"]} suggestions={["TypeScript", "Figma"]} max={6} />

Prop	Type	Default	Description
value / onValueChange	string[] / (tags) => void		Tags.
suggestions	string[]	[]	Offered while typing.
max	number		Most tags allowed.