Autocomplete

Autocomplete is not a dedicated component. It is a behavior that can be added to collections like menus, selects, textareas, tables, and more.

This page shows examples of how autocomplete can be used across different components to help users search, filter, and choose items faster.

Examples

Autocomplete is composable and can be used with any collection-based component. These examples show how it works across menu, select, textarea, and table patterns.

Menu

Wrap a menu with Autocomplete to let users filter available menu actions.

Select

Wrap a select with Autocomplete to make long option lists easier to search.

Textarea

Use Autocomplete with a textarea for mention, tag, or inline suggestion patterns.

Table

Since Autocomplete works with collection components, it can also be used to filter table rows.