Web APIs

Popover API

Checking compatibility...

Display non-modal popover content on top of other page content with a standard, consistent mechanism. Perfect for action menus, notifications, form suggestions, and teaching UI.

Basic Popover

Create a simple menu that appears when a button is clicked. This example shows how to implement a popover menu with clickable options that properly handles keyboard accessibility and focus management.

=
=
=
=
=
=

Output

Click Run to see output...

Auto Popover

Build a search suggestion popover that automatically appears and disappears. This example demonstrates how to create a popover that shows filtered content as you type and dismisses itself when you click outside.

=
=
=
=
=
=

Output

Click Run to see output...