27 / NAVIGATION
Typeahead
The problem
Waiting to press a search button and reload results makes finding something feel slow and disconnected.
The solution
Results filter live with matched characters highlighted.
Experiment
Task: Type to filter the list of countries.
SUBMIT
- Submit a query to see results.
LIVE
- Argentina
- Australia
- Austria
- Belgium
- Brazil
- Canada
- Chile
- Denmark
- Egypt
- Finland
- France
- Germany
- Greece
- India
- Indonesia
- Ireland
- Italy
- Japan
- Kenya
- Mexico
- Nepal
- Netherlands
- Norway
- Portugal
- Spain
- Sweden
- Thailand
- Turkey
matches28
debounce120ms
Play with the values
120ms
How it works
Seen in
Search bars
Suggestions and results appear as you type, not after submit.
Select menus
Long option lists filter instantly to what you typed.
Mentions
@-mention pickers narrow to matching people live.
Tag pickers
Existing tags surface as you type, with matches highlighted.