Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
TagInputProps
Also accepts all props of Omit<React.ComponentProps<"div">, "onChange" | "defaultValue">
| Prop | Type | Default | Description |
|---|---|---|---|
| value | string[] | — | — |
| defaultValue | string[] | [] | — |
| onChange | (tags: string[]) => void | — | — |
| placeholder | string | "Add a tag…" | — |
| suggestions | string[] | [] | Offered as you type; any text is accepted unless `restrictToSuggestions` |
| restrictToSuggestions | boolean | false | — |
| maxTags | number | 10 | — |
| variant | "soft" | "outline" | "soft" | Chip style |
Install
$ npx shadcn@latest add https://chromotion.dev/r/tag-input.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.