Tooltip

Tooltip displays brief additional information when a user hover or focus an element in UI. The information should be helpful but should not be essential for user to complete a task.

The tooltip provides extra information or context about UI content. It add context, help, definition but doesn’t have to be essential to complete a task.

Display brief additional information when a user hover or focus an element in UI.

- To display an essential information.
- To allow actions.

Do / Don't

DO	DON'T
Tooltip should only contains text.	Tooltip shouldn’t contains buttons.
Tooltip can have an apparition delay of 250ms.	Tooltip cannot appear in a delay longer than 250ms. This can be frustrating for the user

Tooltip

When to use tooltip ?

Do / Don't