Autosuggest gives users suggestions based on the text field input.

Structure

Autosuggest is a text field with a customised dropdown list.

Behavior

General

When users start typing a query, a dropdown should appear with a list of suggestion based on the entry. Users can either select a suggestion from the dropdown or keep on typing.

A clear icon appears on the right side of the text field to clear the entry. The icon disappears when the text field is inactive.

Related pages

A search field allows users to search for specific information
A select field allows users to select one option from a list of more than 10 items. 
A text field allows users to enter, read and edit text.