When to use
Comboboxes are ideal for scenarios where the list of options is extensive. If the list is short or free-form answers are not acceptable, consider using a dropdown instead. For a standardized form component that includes helper text and validation styles, opt for the combobox field component.
Behavior
Single select
Selecting a closed field opens a list of options. Choosing an option from the list closes the field and replaces the placeholder text with the selected text.
Multi select
For multi-select interactions, each list item includes a checkbox. The list of options remains open until it is dismissed by either clicking outside the list or pressing Esc.
Since combobox inputs always allow users to enter information, selections do not replace the placeholder text by default. For optimal usability, provide alternative ways to display the selections, such as showing the chosen items as tags within the input field.
Using as a filter
Comboboxes enable users to filter the list of options as they type.
