pattern-library 2 linked patterns checked
Material Design 3: Rich tooltips
Describes rich tooltips as contextual UI-element help that can include a subhead, links, and buttons, supporting the boundary between short tooltips and richer hover/focus content.
Read with a purpose
What this source can teach
Use this source to compare a documented solution with the task and states in your own product.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Hover card | Choose hover card when users need a richer preview of an object behind a reference before deciding whether to open it. | The card previews only the object represented by the current trigger. | Supports richer contextual hover or focus content as distinct from short tooltip labels. |
| Tooltip-only required information | Flag this anti-pattern when the tooltip content is necessary to complete the task correctly or avoid a harmful outcome. | Users can complete the task without reading a tooltip. | Supports distinguishing short tooltip help from richer anchored content that may need a more stable surface. |
Comparisons supported by this source
- Hover card vs tooltip vs popover vs disclosure details
Material rich tooltip guidance supports the boundary between short tooltip text and richer contextual content.
- Tooltip-only required information vs tooltip vs inline message vs disclosure details vs popover
Supports the boundary between short tooltips, richer anchored content, and content that should move to a more stable surface.
Evidence Role
This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.
Publisher: Material Design. Last checked: .