Overlays / The visual dictionary

Tooltip.

A short explanation attached to a control.

Also calledhover tiphelp tip
01

See it in context

UI illustration
Create a copy
Hover or focus the control

A tooltip supplements a label when a control needs brief clarification. It should appear for keyboard focus as well as pointer hover, and it should not contain essential interactive content.

When to use it

Use for short, supplementary descriptions of controls.

Know the difference

A tooltip contains descriptive text; a popover can contain richer content or controls.

WebiOSiPadOSAndroidmacOSWindowsLinuxvisionOS

iOS · iPadOS · macOS · visionOS

Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.

Web · Android · Windows · Linux

On the web, manage keyboard focus and dismissal explicitly. Android and desktop implementations should use the equivalent native surface when available.

Primary documentation for the pattern and its platform conventions.