Autocomplete input with search functionality, supporting single and multi-select modes with customizable options. Perfect for searchable dropdowns, property selection, and large option lists.
Use autocomplete inputs when users need to search and select from a large list of options.
Enable search when dropdown has many options (10+).
Let users type known values instead of scrolling through lists.
Allow selecting multiple items with search filtering.
Supports both single and multi-select modes.
Select one option from the list
Select multiple options with tag display
Input autocomplete includes powerful features for selection.
Type to filter options in real-time
Navigate options with arrow keys
Configurable minimum characters to trigger search
Limit displayed results for performance
Optional search or custom icon
Tooltip for additional guidance
Input autocomplete supports various states for different scenarios.
Indicates field must be completed.
Shows validation error with message
Non-interactive, reduced opacity
Follow these guidelines when using input autocomplete.
Examples of where input autocomplete works best.
Search and select hotels or properties from large lists
Type to find countries instead of scrolling
Search and assign users or team members
Multi-select tags or categories with search
Find and select cities, addresses, or locations
Search and select from large product inventories
Input autocomplete is designed to be accessible to all users.
Design and development resources for the Input Autocomplete component.