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.

Directions

To avoid hiding linked information, you can choose between all those positions:

 

DO

DON'T

Tooltip should appear where there is no text.

Tooltip should appear where there is no text.

Tooltip should’nt cover any text or content.

Tooltip should’nt cover any text or content.