Chips Combobox Component

A quick way to add or remove chips.

The chips-combobox is a composite component that combines and implements combobox and chip . It is responsible for creating and managing chip components. It allows the searching of existing selection options and manages additions/removals of chips. The search/selection follows the combobox pattern.

Terminology

We use the following terminology when discussing this pattern.

  • combobox : the pattern as a whole, comprised of the following distinct parts
  • textbox : stores and displays the form value
  • flyout : the overlay that contains a listbox
  • listbox : listbox containing options
  • option/suggestion : a suggestion inside of the listbox and/or directly after the textbox value
  • autocomplete : the autocomplete type (optional)
  • filter : the filtering criteria (optional)
  • chip : the individual items inside that can be added and removed