Pillbox

react-fancy
Registry JSON
Why
Without a dedicated tag-entry component, every form that collects comma-separated values, email lists, or search filters devolves into brittle custom logic — split-on-comma hacks, no trimming, accidental duplicates, and zero keyboard affordances. Teams rebuild the wheel, diverge from each other's patterns, and users fumble through the interaction each time.
What
Pillbox is a controlled input that accumulates strings into an array of pills. It exposes value (the string array) and onChange for state management, accepts maxItems to cap the collection, and offers placeholder and disabled to shape the experience. The component has a stable data-react-fancy-pillbox handle for agent operability and broadcasts item mutations through the onChange callback, making it bridgeable for programmatic list construction.
How
Import from @particle-academy/react-fancy, set <Pillbox value={items} onChange={setItems} placeholder="Add tags..." />, and users type, press Enter to add, or Backspace to remove the last item. Agents can read the current value array or call onChange with a new list to populate or modify tags in place.