Combo box multi select

When to use

Use a combo box multi select when users need to select multiple items from a list simultaneously.

Anatomy

  1. Button
  2. Header
  3. List item
  4. List box

 

 

 

 

 

Variations

 

  1. List items with left icon
  2. List items with text only
  3. List items with top header

 

 

 

 

States

  1. Enabled
  2. Hover
  3. Focused (on enabled state)