{
    "componentChunkName": "component---content-components-popover-mdx",
    "path": "/components/popover",
    "result": {"pageContext":{"editUrl":"https://github.com/primer/design/edit/main/content/components/popover.mdx","contributors":[{"login":"emilybrick","latestCommit":{"date":"2023-03-23T23:58:01Z","url":"https://github.com/primer/design/commit/d583ce8cfe3da8d460ae382ad47c815e25492be6"}}],"tableOfContents":{"items":[{"url":"#usage","title":"Usage"},{"url":"#best-practices","title":"Best practices"},{"url":"#accessibility","title":"Accessibility"},{"url":"#related-links","title":"Related links"}]},"frontmatter":{"title":"Popover","description":"Popover is used to bring attention to specific user interface elements.","reactId":"popover","rails":"https://primer.style/view-components/components/beta/popover","figma":"https://www.figma.com/file/GCvY3Qv8czRgZgvl1dG6lp/Primer-Web?node-id=410%3A3890&t=ZTzX5Hzm5IuUl4m8-1"}}},
    "staticQueryHashes": ["2468112454","2745756513","2790671566","3907230164"]}