Tag & Token Input

Behavior

• Type text → press Enter or comma → creates a tag/chip
• Tags appear as removable chips inside the input
• Backspace removes the last tag when input is empty
• Autocomplete suggestions appear while typing
• Click X on any tag to remove it

Design

• Tags flow and wrap within the input container
• Input grows vertically to accommodate tags
• Tag style: rounded pill or rounded rectangle with X button
• Consistent tag color (or color-coded by category)
• Maximum tag count if applicable