Airbus uses cookies (including from third parties) to enhance site navigation and offer you useful features by analysing the site usage. By clicking “accept”, you agree to the use of cookies. For further information, please refer to our cookies policy. Accept


The select component allows the selection of a value among a list.

General guidelines

Use Select to allow the selection of a value among a defined list (for example, choosing a country). With it, you can browse all list options when choosing. Opt to use it, if the number of options is higher than nine.


Best practices

Always organize the options logically (alphabetically, incrementally, by order of importance, etc.)


Don’t use a random order.


Use clear and concise label.


Don’t use labels that are too long.


Always collapsed the select by default. If not it can hide other components.


Don’t hide other components.

Visual guidelines

Interactive States

Select have many states (Default, Hover, Active, Focus, Disabled, FIlled) and Open variants including their own interactive states (Default, Hover, Active, Focus, Disabled).


Mobile Behaviour

The component will automatically switch to a native behaviour on mobile platforms.

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