Tooltips are meant to be used for supplemental content and should never be used for critical information the user needs to complete a task. Tooltips may not contain interactive elements (such as buttons or links).
- Provide useful, additional information or clarification.
- Succinctly describe or expand on the element they point to.
- Be provided for icon-only buttons or a button with an associated keyboard shortcut.
- Be used sparingly. Prefer clarifying the design and the language in the experience.
Tooltips are displayed to the user on hover or focus of the target element.
The placement of the tooltip relative to the target. Available tooltip placement:
Tooltip text will wrap onto multiple lines when a lot of content is provided.