Tooltip

Display brief additional information when hover or focus an element

When to use tooltip ?

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.

 

Do / Don't

 

DO

DON'T

Tooltip should only contains text.

Tooltip should only contains text.

Tooltip shouldn’t contains buttons.

Tooltip shouldn’t contains buttons.