UI - Tooltip

About

A tooltip is a sort of popover that:

• opens when the mouse is hovering over a target element
• closes when the mouse is leaving the target element

It does not:

• requiert an active interaction (based only on the mouse position)
• allow interaction with its content by default (the tooltip goes away when the mouse goes away)

It's a super HTML title default popup.

Articles Related

Example

Library

• Javascript: http://tether.io/ UI - Overlay JavaScript library - react wrapper - https://github.com/danreeves/react-tether
• HTML Custom Element: https://developers.google.com/web/fundamentals/web-components/examples/howto-tooltip
• Bootstrap tooltip