Tag Input
A flexible tag input component with autocomplete support for managing multiple values.
Basic Usage
Create and manage tags with keyboard support
reacttypescript
Tips: Type and press Enter to add tags. Click on a tag to remove it.
With Autocomplete
Enable autocomplete suggestions for faster input
Tips: Start typing to see autocomplete suggestions. Select from the dropdown or create custom tags.
With Colors
Autocomplete and selected tags can be color-coded.
urgent
Tips: Pick from the colored suggestions to see the chips tinted, Notion-style.
Empty State
Tag input without any initial values
Start typing to add your first tag.