Popover

A popover is a small overlay that appears above content, offering extra information, context, or options to the user.

Overview

The purpose of popovers is to provide supplementary information or functionality without disrupting the main content or requiring users to navigate to a different page or screen.

Popovers are displayed as a small box that contains text or interactive elements, and they help improve the user experience by offering relevant context and options precisely where they are needed.

A popover that contains a list of items.

Resources

Figma Component	Stable
Figma Documentation	Stable
Web Components	Planned
Vue [Fozzie]	N/A
React [Snacks]	Stable
iOS JustUI [UI Kit]	N/A
iOS PIE [SwiftUI]	N/A
Android PIE [Compose & Views]	TBC