Combo box multi select

Definition: A multi select combo box is a dropdown for selecting multiple options from a list.

When to use

Use a combo box with multi-select options when you want users to select multiple items from a long list. Search and filter functionalities are included.

Anatomy

  1. Label
  2. Right icon
  3. Filter tag + input
  4. Clear all icon
  5. Field
  6. Listbox

 

 

 

 

 

Variations

  1. Top label (Recommended for forms as it can help improve accessibility.)
  2. Left label (For legacy products)

 

 

 

 

States

  1. Enabled
  2. Hover
  3. Focused
  4. Focused (No results)
  5. Read only (White)
  6. Read only (Grey)
  7. Error
  8. Error focused
  9. Disabled