Behaviour > As you type

Combo

While the user types, the menu will update its content by filtering out the irrelevant and highlighting the matched characters (in blue).

By selecting the contextual item or press enter, the keyword will be submitted into an input chip formatting as ‘keyword’.

|450.4370860927152x27.642857142857146

The ‘search for’ contextual item will always be displayed in the menu, even when there is no matched content to the user’s input.

An operator can be typed and matched as well as other filter items.

Split

While the user types, the menu will update its content by filtering out the irrelevant and highlighting the matched characters (in blue).

An operator can be typed and matched as well as other filter items.

The ‘search for’ contextual item will always be displayed in the menu, even when there is no matched content to the user’s input.

By selecting the contextual item or pressing enter, the keyword will be submitted into an input chip formatting as ‘keyword’. The string search is not counted as a filter in the dropdown header.

Search by Category names

Users can also search and filter by category names, this would be handy when searching across a large number of categories with many items in each.

Press Tab to autocomplete the input or simply click on the category element, to form the input as ‘Category name :’. Then complete the query by selecting from the items within that category.