Combobox

Combobox is used to select multiple options from a list.

External resources
find_in_page Inspect in Figma
description Try it in Storybook
check_circle_outline

Fully implemented in LOGEX Framework.

States

There are 3 states of collapsed combobox. When nothing is selected, it looks like a normal input field. When elements are selected, there are two modes of indication: it either shows the items followed by “+N more” or it just shows the number of selected items (“N selected”). The first option is recommended when the user commonly selects just a couple of items.

  1. Not selected
  2. Selected
  3. Selected without preview

Anatomy

  1. Search field
  2. Bulk selection checkbox
  3. Item
  4. Bottom bar (optional)
  5. Show only selected (optional)
  6. Sort (optional)
  7. Invert selection
  8. Scrollbar

Something missing? Contact one of the designers.