Popover.
A compact floating surface anchored to a trigger.
See it in context
What it is
A popover provides contextual information or controls while preserving the connection to the element that opened it. Its placement should adapt so it stays within the available viewport.
When to use it
Use for contextual details or a small local task.
Know the difference
A popover is anchored to a trigger; a dialog is a separate task surface with different focus expectations.
Across platforms
iOS · iPadOS · macOS · visionOS
Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.
Web · Android · Windows · Linux
On the web, manage keyboard focus and dismissal explicitly. Android and desktop implementations should use the equivalent native surface when available.
Go to the source
Primary documentation for the pattern and its platform conventions.