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.

 

 

The picture is showing a collapsed and opened combo box component
Best practices
Good practice about the use of  combobox.

Use the combobox to reduce cognitive workload.

Bad practice about the use of  combobox.

Don’t put too many elements to show in a classic list of selectable elements.

Good practice about the use of  combobox.

Display the incremental chip if too many elements are selected.

Bad practice about the use of  combobox.

Don’t hide options to the user.

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