BoldItalicLink
Move the mouse over the three tool buttons above.
Revealing content
Tooltip
A short note that appears beside an element on hover or keyboard focus.
When to use it
- Icon-only buttons that need a name
- A short explanation of a small term
When not to
- Important information: phones have no hover, so it never shows
- Clickable content or long text: use a popover
What to tell an AI tool
When the mouse hovers or keyboard focus lands on a toolbar icon, show a small tooltip above it with the button name; put nothing clickable inside.