Tag Input
Buttons
Animated tag input with Enter/comma to add, Backspace to remove, max tags limit, controlled and uncontrolled modes, and framer-motion AnimatePresence transitions.
Loading preview...
Customize
Placeholder
Max tags8
Props
| Prop | Type | Default | Description |
|---|---|---|---|
tags | string[] | undefined | Controlled tag array. Omit for uncontrolled mode. |
onChange | (tags: string[]) => void | undefined | Callback fired when the tag list changes. |
placeholder | string | 'Add a tag...' | Placeholder text shown when no tags exist. |
maxTags | number | 10 | Maximum number of tags allowed. |
className | string | '' | Additional CSS classes. |