Skip to main content

Components

Popover

Popover appears above other elements in the interface and is linked to a specific element. It is used to display additional information, interactive elements, or brief explanations without navigating away from the page.

We are working to improve the accessibility documentation for this component. If you have questions or see something that should be prioritised, please contact us on Github or Slack.

There is built-in accessibility in the Popover API (mozilla.org) for open and closed states and for keyboard navigation.

Keyboard navigation

  • Enter or Space opens or closes
  • Esc closes
Edit this page on github.com (opens in a new tab)