@@include('_includes/_page-loader.html') @@include('_includes/_header/_header.html') @@include('_includes/_sidebar.html', { "group": "components", "link": "popover" }) @@include('_includes/_theme-switch.html')

Popover Add small overlay content, like those found in iOS, to any element for housing secondary information.

@@include('_includes/_page-actions.html')

Basic example

Click on the button below to toggle the Popover

All four directions

Four positioning options are available: top, right, bottom, and left aligned.

Hoverable

Use focus: hover to make Popovers hoverable.

Dismiss on next click

Use the focus trigger to dismiss popovers on the next click that the user makes.
@@include('_includes/_footer.html')
@@include('_includes/_ie-warning.html')