Autocomplete

Suggest options as users type

What it solves

Autocomplete helps users quickly find and select values from predefined options as they type. Autocomplete combines text input flexibility with dropdown-style selection, providing real-time suggestions matching user input. This pattern reduces errors, speeds data entry, and improves form completion.

When to use

• Users select from large sets of predefined options (country selection, airport codes)
• Users need faster option selection than scrolling through long dropdowns
• Reducing errors by guiding users to valid input options
• Input has finite, known valid responses
• Combining free text input with suggestion functionality

When to avoid