In order to give you a better service Airbus uses cookies. By continuing to browse the site you are agreeing to our use of cookies I agree

Combo Box

A Combo Box is an advanced component resulting from the association of a select, an input field and a list of clickable elements like chip and checkbox.

General guidelines

This component should be used to reduce cognitive workload when there is a need to display a large list of items.

 

Best practices

  • This component should be used when there are too many elements to show in a classic list of selectable elements to reduce cognitive workload.
  • Several elements can be choosed inside the component, if you have only one element to select, choose the classic Select instead.
  • If too many elements are selected, display the incremental chip to let the user know that there are other elements in the list.
The picture is showing a collapsed and opened combo box component
Visual guidelines

Behaviours

Combo Box has 4 main states: default (collapse), hover, active (open), disable.

The picture is showing different interactive states of the Combo Box component
Code & Design assets

Request code and design assets for creating user interfaces.

Component overview

Component overview

Can I contribute to the System?

Of course! Your contribution is more than welcomed and the System team will always be here to review your contributions or discuss.

Back to top