Airbus uses cookies (including from third parties) to offer useful features and measure performance to improve you browsing experience, providing visitors with the best possible experience when using the website. By clicking “Accept”, you agree to the use of cookies. For further information, please refer to our cookies policy. Accept

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.

 

 

ComboBox1
Best practices
Combobox03DO

Use the combobox to reduce cognitive workload.

Combobox03DONT

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

Combobox04DO

Display the incremental chip if too many elements are selected.

Combobox04DONT

Don’t hide options to the user.

Visual guidelines

Behaviours

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

ComboBox2
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