Basic multi select

When to use

Use a basic multi select when users need to select multiple items from a list.

Anatomy

  1. List item
  2. Checkbox
  3. List box

 

 

 

 

 

States

  1. Enabled
  2. Hover
  3. Selected
  4. Focused (on enabled state)
  5. Disabled