Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.20

/
/
Home
/Patterns
/290. Floating Popover on Click

Floating Popover on Click

 DesktopAwarenessDecision MakingWeb

Generated Description

This pattern reveals a floating popover on click, providing immediate, context-specific information or actions without navigating away from the current view.

View more...

Pattern Metadata

Released: Jan 15, 2022

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 290. Floating Popover on Click.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
This pattern reveals a floating popover on click, providing immediate, context-specific information or actions without navigating away from the current view.
VotesUp
VotesDown
Pattern ID
290
UX Flows
Awareness
Decision Making
UI Components
Tooltip
Alert Dialog
Fixed on Scroll
Click Event
Version
2.1.19
Apple RemindersUnsplashRelated Patterns

Apple Reminders

notion image
 

Unsplash

 
notion image
 

Related Patterns

  • 56. Floating Tooltip with Steps and Blackout
  • 100. Floating Tooltip/Dialog
  • 105. Floating Tooltip Blackout
  • 122. Automatic Popover with Steps
  • 231. Floating Dialog Popover w/ Steps
  • 275. Popover on Hover
 

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback