# Form Tag Input

Tag input where users type tags and press enter or comma to create chips.

- id: `form-tag-input`
- Page: https://agentic-ui-kit.com/components/form-tag-input
- Live preview: https://agentic-ui-kit.com/live/component/form-tag-input?piece=form-tag-input

## Install

```bash
agentic-ui add form-tag-input
npx shadcn@4.17.0 add @agentic-ui/form-tag-input
```

## Metadata

- **Level:** block
- **Category:** block
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** tag-chips, paste-split, comma-enter-commit, suggestions-listbox, max-count, duplicate-guard, accessible-remove, backspace-remove, live-announcements, form-field, dark-mode
- **Intents:** create-edit, configure
- **Suits domains:** saas, crm, knowledge, project-management, ecommerce, devtools
- **Interaction:** text-entry, paste, keyboard-navigation, clearable
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** tag input where users type tags and press enter or comma to create chips, paste a comma separated or line separated list and split it into tags, labels or keywords field with suggestions, a maximum number of tags and duplicate prevention, email recipients or topics chips input with remove buttons
- **Avoid when:** the choices are a fixed set picked from a searchable list with async results (use form-async-combobox), a person or entity must be referenced inside running text (use form-mention-input), a single free-text value with no list semantics
- **Preserve when adapting:** paste-split, duplicate-guard, announcements
- **Replace when adapting:** suggestions, limit, validation-rule, copy
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/10, code 9/10
- **npm dependencies:** lucide-react
- **npm dependencies (registry):** lucide-react@0.577.0
- **Registry dependencies:** lib-primitives