Premium
Invite Chips Input (Tags + Autocomplete)
Challenge summary
Build a Material-like invite field in Vue 3. As users type, show autocomplete suggestions, convert selections into removable chips, and support keyboard shortcuts (Enter/comma/backspace).
What you'll practice
- Render an input that creates chips below/inside the field.
- Show autocomplete suggestions filtered from a fixed users list.
- Each chip has a remove button that updates state correctly.
- Support ArrowUp/ArrowDown + Enter keyboard navigation in the suggestion list.
What Premium unlocks
Premium unlocks the runnable workspace, behavioral checks, implementation walkthrough, and edge-case discussion.
Free related practice
Upgrade to FrontendAtlas Premium to unlock this challenge. Already upgraded? Sign in to continue.