{
    "componentChunkName": "component---src-layouts-react-component-layout-tsx",
    "path": "/components/action-menu/react",
    "result": {"data":{"primerReactVersion":{"version":"35.26.0"},"sitePage":{"path":"/components/action-menu","context":{"frontmatter":{"title":"Action menu","description":"Action menu is composed of action list and overlay patterns used for quick actions and selections.","reactId":"action_menu","railsId":"Primer::Alpha::ActionMenu","figmaId":null}}},"reactComponent":{"name":"ActionMenu","status":"beta","a11yReviewed":false,"stories":[{"id":"components-actionmenu--default","code":"() => (\n  <ActionMenu>\n    <ActionMenu.Button>Open menu</ActionMenu.Button>\n    <ActionMenu.Overlay width=\"medium\">\n      <ActionList>\n        <ActionList.Item onSelect={() => alert('Copy link clicked')}>\n          Copy link\n          <ActionList.TrailingVisual>⌘C</ActionList.TrailingVisual>\n        </ActionList.Item>\n        <ActionList.Item onSelect={() => alert('Quote reply clicked')}>\n          Quote reply\n          <ActionList.TrailingVisual>⌘Q</ActionList.TrailingVisual>\n        </ActionList.Item>\n        <ActionList.Item onSelect={() => alert('Edit comment clicked')}>\n          Edit comment\n          <ActionList.TrailingVisual>⌘E</ActionList.TrailingVisual>\n        </ActionList.Item>\n        <ActionList.Divider />\n        <ActionList.Item\n          variant=\"danger\"\n          onSelect={() => alert('Delete file clicked')}\n        >\n          Delete file\n          <ActionList.TrailingVisual>⌘D</ActionList.TrailingVisual>\n        </ActionList.Item>\n      </ActionList>\n    </ActionMenu.Overlay>\n  </ActionMenu>\n)"}],"props":[{"name":"children","type":"React.ReactElement[]","description":"Recommended: `ActionMenu.Button` or `ActionMenu.Anchor` with `ActionMenu.Overlay`","defaultValue":"","required":true,"deprecated":null},{"name":"open","type":"boolean","description":"If defined, will control the open/closed state of the overlay. Must be used in conjuction with `onOpenChange`.","defaultValue":"false","required":null,"deprecated":null},{"name":"onOpenChange","type":"(open: boolean) => void","description":"If defined, will control the open/closed state of the overlay. Must be used in conjuction with `open`.","defaultValue":"","required":null,"deprecated":null},{"name":"anchorRef","type":"React.RefObject<HTMLElement>","description":"Useful for defining an external anchor","defaultValue":"","required":null,"deprecated":null}],"subcomponents":[{"name":"ActionMenu.Button","props":[{"name":"children","type":"React.ReactElement","description":"","defaultValue":"","required":true,"deprecated":null}]},{"name":"ActionMenu.Anchor","props":[{"name":"children","type":"React.ReactElement","description":"Accepts a single child element","defaultValue":"","required":true,"deprecated":null}]},{"name":"ActionMenu.Overlay","props":[{"name":"children","type":"React.ReactNode","description":"","defaultValue":"","required":true,"deprecated":null},{"name":"align","type":"start | center | end","description":"","defaultValue":"start","required":null,"deprecated":null}]}]}},"pageContext":{"componentId":"action_menu","parentPath":"/components/action-menu"}},
    "staticQueryHashes": ["2468112454","2745756513","2790671566","3907230164"]}