UI Patterns → Tooltips

Tooltips Demo

Pattern and Usage

The tooltip pattern, demonstrated above, is normally found in-between a label and an input field. It's job is to provide more information about a particular field should the label not be enough.

The pattern allows a user to retrieve that content on demand, without it cluttering up the form. When hovered to, the tooltip content appears, and the tooltip content, once expanded, can also be pinned and moved as well.