General guidance

A ComboBox displays a searchable text box combined with a ListBox, which enables the user to select multiple items from the list or enter a new value. In some implementations, the popup presents allowed values, while in other implementations, the popup presents suggested values, and users may either select one of the suggestions or type a value.

Usage

Combobox allows users to search and select multiple items. In some implementations, a CTA button will be displayed in the bottom of the populated dropdown menu.

Variations

Combobox type	Purpose
Default
With CTA
Multi Select

Code

src/combobox
<Combobox options={optionsArray}/>
Copy to clipboard

Edit this page on GitHub

Components: Chip

Components: Icon