Autocomplete
When someone types the first few letters, show suggestions and let them click one to finish the entry.
You can say this to an AI Agent
For member invite, query matching employees after at least two characters and send the invite only after a suggestion is selected. Test no result, same-name candidates, and keyboard selection: explain no result, distinguish duplicate names, and submit an employee id after selection.
Autocomplete offers matches based on what someone types. Select needs no typing and chooses only from a fixed list.
A combobox is the complete control of an input plus a popup option list. Autocomplete emphasizes the behavior of showing matches as someone types; component libraries often use the terms differently.
When to use it
- Address entryvibevibe coding basicsvibe-ui-guidevibe design guidelines
- Contact lookupans-studio@ans-studio@gmail.comans-studio@qq.comans-studio@163.com
- Tag suggestions🔍 Search components…Recent searchesDate pickerForm validation
- Search with likely matches⌘ New➕ New project📄 New document📁 New folder
When NOT to use it
- Force a suggestion when free text should remain validAll statesAll statesIn progressCompletedExpired
- Show unrelated results before enough text is enteredProvince / City / DistrictGuangdong ProvinceShenzhenNanshan District
- Change the typed value without clear confirmationAllIn progressCompleted
- Use it for a tiny fixed listCityShenzhenxInvalid values can still be submitted, affecting later reporting
Select page elements for precise AI edits
Click a button, text, or card, note the change, then copy its exact location to AI.
Open Selector Pro website↗