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

Tooltips

Tooltips allow you to briefly provide some information about an interface element.

Usage

Use the Tooltip to provide more information (e.g.: give more details about data in a visual, show all of a truncated text, etc.) or to explain an element’s function (e.g.: the function of an icon or a button, etc.).

Tooltips

Best practices

- Use the tooltip for brief and concise information that provides complementary information. 

- If the information is totally essential for the user’s choice, opt to show it directly in the interface.

- The tooltip should not contain text.

- Choose a modal when the content is too important or requires a complementary action.

- Opt to show the Tooltip below the target element.

- Adapt the opening of the tooltip in relation to the position of the element within the interface.

- The tooltip generally appears when an element is clicked (for desktop versions) or a tapped (for mobile versions).

 

Placement

The Tooltip superimposes itself on the screen. In relation to the position of the element within the interface, it may open from the bottom, the top, the left or the right. 

 

The arrow that links the tooltip to the element must be located at the same level as the target element.

Visual

Appearance

The tooltip has no minimum size. His size depends of its content : the text. 

 

Behavior

The tooltip must be always placed below the icon. It opens after the click on the icon. 

Back to top