Popover

Display focused content or actions

What it solves

Popovers overlay the main content to give users additional information or actions. Popovers display contextual content while keeping the surrounding page visible. Unlike modals blocking page interaction, popovers deliver contextual help or shortcuts while the main interface stays visible and interactive.

When to use

Use popovers for context-specific information or quick actions that complement the main view without needing full user focus. Common scenarios include:

• Contextual help needs additional details about data fields
• Quick actions or shortcuts like editing options or extra buttons
• Compact toolbars or menus with filters or settings appearing on demand
• Preview or supplementary info shows image or text previews on hover/focus