UI

Tooltip

A small contextual hint appears on hover or keyboard focus — for icons, abbreviations, and help text.

Also called: popover hint, title attribute upgrade, info bubble

Live demo — hover or focus buttons
Ctrl+S to save Download as PDF

How it works

Use CSS :hover and :focus-within for simple tooltips. Link with aria-describedby. For complex content, use a popover library.