Add support for controlling which side ActionMenu renders on (via a side prop on ActionMenu.Overlay)

[iansan5653]

Adds a side prop to ActionMenu.Overlay so the consumer can control which side of the anchor the ActionMenu renders on. This prop is forwarded verbatim to ` Also adds a story and updates docs.

Closes #3712

Screenshots

Merge checklist

• [ ] Added/updated tests
• Added/updated documentation
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• Stacks on:
  • Deduplicate ActionMenu.tsx #3713

[changeset-bot]

🦋 Changeset detected

Latest commit: 23f7889

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/react	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

size-limit report 📦

Path	Size
dist/browser.esm.js	100.69 KB (+0.01% 🔺)
dist/browser.umd.js	101.27 KB (+0.01% 🔺)

[siddharthkp]

Looks good! Perfect use case for the prop.

Not blocking: Can we also add a story with nested menus to keep in examples of the ideal use case?

[iansan5653]

Can we also add a story with nested menus to keep in examples of the ideal use case?

Unfortunately the nested menu case requires a bit more wiring up than that because of keyboard navigation & roles. We are internally working on a NestedActionMenu component which I think we should probably eventually upstream to Primer.