Popover vs. Tooltip
A tooltip appears on hover, holds only a short text label, and vanishes the moment the pointer leaves — you can never click inside it. A popover opens on click, can hold real controls (forms, buttons, lists), and stays open until you dismiss it. If you can interact with its content, it's a popover.
How to tell them apart
- It opened without a click, just from resting the pointer on something → tooltip.
- There's a button, input, or link inside it → popover.
- It stays open when you move the mouse away → popover; a tooltip dies with the hover.
- On a phone it can't be a tooltip — there is no hover. The tap-opened bubble is a popover.
The full entries — names, anatomy, paste-ready prompts
Popover
Filter projects
Dropdown
Tooltip
Last updated today
Popover vs. Dropdown Menu vs. Tooltipweb
popover
Three anchored overlays with different triggers, content, and dismissal rules
Designed by @jane
J
Jane Appleseed
@jane
Design systems engineer. Making interfaces easier to name and build.
Toronto 2.4k
Hover Cardweb
HoverCard
A rich, non-modal preview revealed from a hovered or focused reference
Still a different pair on your mind? See every commonly confused pair