---
url: /components/tooltips/overview.md
description: >-
  Tooltips display brief labels or messages. Tooltips are informative, specific,
  and action-oriented text labels that provide contextual support
---

# Tooltips

Tooltips display brief labels or messages. Tooltips are informative, specific, and action-oriented text labels that provide contextual support

**Overview** · [Specs](specs.md) · [Guidelines](guidelines.md) · [Accessibility](accessibility.md)

![Tooltips](/assets/85dcf0fb-mrokvaf6-tooltips.B6RxvdIp.webp)

* Use tooltips to add additional context to a [button](../buttons/overview.md "Buttons let people take action and make choices with one tap.") or other UI element
* Two variants: plain and rich
* Use plain tooltips to describe elements or actions of [icon buttons](../icon-buttons/overview.md "Icon buttons help people take minor actions with one tap.")
* Use rich tooltips to provide more details, like describing the value of a feature
* Rich tooltips can include an optional title, link, and buttons

![2 variants of tooltips.](/assets/ee95c87b-me6q4295-01.BR2Kip5v.webp)

1. Plain tooltip
2. Rich tooltip

## Availability & resources

| Type | Resource | Status |
| --- | --- | --- |
| Design | [Design Kit (Figma)](https://www.figma.com/community/file/1035203688168086460) | Available |
| Implementation | Flutter | Unavailable |
| Implementation | [Jetpack Compose](https://developer.android.com/develop/ui/compose/components/tooltip) | Available |
| Implementation | Android Views (MDC-Android) | Unavailable |
| Implementation | Web | Unavailable |

## Differences from M2

* **Color**: New color mappings and compatibility with [dynamic color](../../styles/color/dynamic/choosing-a-source.md "Dynamic color takes a single color from a user's wallpaper or in-app content and creates an accessible color scheme assigned to elements in the UI.")
* **Shape**: Rich tooltips have more rounded corners

![GM2 rich tooltip.](/assets/9721c1fd-mjh9u4lo-02.CZg3eWL3.webp)

M2: Rich tooltips have slightly rounded corners

![GM3 rich tooltip.](/assets/878ef7aa-me6q4dmm-03.CWYxahgM.webp)

M3: Rich tooltips have more rounded corners and support dynamic color