Popover
Displays rich content in a floating panel triggered by another element.
Last updated: March 15, 2026
This page now includes popovers for profiles, notifications, sharing, filters, quick settings, inline forms, search, confirmations, and preview cards.
Basic Popover
A simple default popover with lightweight descriptive content.
User Profile Popover
An account card with quick profile actions and sign out.
Notifications Popover
A compact notification center with unread states and counts.
Share Popover
A share panel with copy-to-clipboard and delivery shortcuts.
Filter Popover
Multi-select filtering with active count and reset action.
Color Picker Popover
A swatch grid and hex input for theme or brand selection.
Date Picker Popover
A minimal date entry surface with quick Today and Clear actions.
More Actions Popover
A compact context menu for secondary item actions.
Search Popover
A lightweight search surface for quick page discovery.
Form Popover
An inline create flow for quick item creation.
Info Popover
Tooltip-like contextual help for settings and metrics.
Invite Popover
A team invite pattern with email entry and link sharing.
Quick Settings Popover
Small toggle controls for immediate preference changes.
Location Popover
A location picker with checked active state.
Confirm Popover
A compact destructive confirmation flow.
Select Search Popover
A searchable select pattern built with popover primitives.
Rating Popover
A star rating input with hover preview and submit action.
Top Placement Popover
Placement example showing a popover above its trigger.
Right Placement Popover
Placement example showing a popover on the right side.
Preview Card Popover
A richer social preview card with profile metadata and follow action.