Autosuggest component

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.