Combo box

Also known as

Typeahead, Editable Dropdown, List Box, Autocomplete, Autosuggest

ComboBox helps users to select an item from a large list of options without scrolling. The typeahead functionality makes this selection process quicker, easier and reduces errors. Users can see a list of available options when they click on the component and then filter the list as they type. Once they’ve made their selection, it populates the field and the overlay list closes.

Density
Mode

A single item can be selected from the combo box options.

ComboBox contains an input field that opens a list. As users type, the list displays all filtered options based on their input.

  • You can wrap ComboBox in a FormField when it’s displayed within a form context. This provides functionality built into Form Field for increased accessibility. For more information, refer to the FormField guidance.