Tooltip

Describes the action/purpose of an interactive element (typically an icon button). Read more.

Example 1: On a Link

Example 2: On a Button

Example 3: On an Input

Example 4: Interactive Content (discouraged)

This pattern is discouraged because a tooltip is intended to render static content only. By adding interactive content, keyboard users are now forced to interact with these elements as they navigate through the page.

Updated: May 12th, 2019