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	Available
Figma Documentation	Available
Web Components	Planned
Vue [Fozzie]	N/A
React [Snacks]	Available
iOS JustUI [UI Kit]	N/A
iOS PIE [SwiftUI]	N/A
Android [XML views]	TBC
Android [Jetpack compose]	TBC