Component Research
Recipe Tag Input
A compact multi-value input for ingredients, tags, or filters — type, press Enter, remove with a click.
chicken breastgarlicolive oil
Press Enter to add a tag
Inline editing
Tags appear inside the input container — no dropdown, no popover.
Keyboard-first
Enter to commit, Backspace on empty input removes last tag.
Validation
Duplicate detection, max tag count, character limit per tag.
Accessible
Each tag is focusable; remove buttons have aria-labels.