Autocomplete

View in Lexicon

An autocomplete text field is an input that offers the user text suggestions while they type.

installyarn add @clayui/autocomplete
versionNPM Version
useimport Autocomplete from '@clayui/autocomplete';

Example

Add the class .autocomplete-dropdown-menu to dropdown-menu to size the Dropdown Menu according to Lexicon Design specifications.

This requires external javascript to populate and show/hide the .dropdown-menu.

Snippet

Search Field

Snippet

Loading

Snippet

Edit this page on GitHub

Contributors

Matuzalém Teles

Last edited May 12, 2025 at 7:56:02 PM