ActionList: Add comment to avoid import confusion

[siddharthkp]

In the docs, because we have multiple ActionLists now, we import it ActionList2 from a different scope:

const {ActionList} = unreleased

render(
  <ActionList>
    ...
  </ActionList>
)

This causes confusion in where does unreleased come from?

The long term fix would be to modify the scope conditionally by tagging the code block with "unreleased": ```javascript live unreleased.

For now, the bandaid is the add a comment to ignore the internal silliness and import from the path

// import {ActionList} from '@primer/components/unreleased'
const {ActionList} = unreleased // ignore this, import like that ↑

We mention this import path at the start of the page as well

Screenshots

Merge checklist

• NA Added/updated tests
• Added/updated documentation
• NA Tested in Chrome
• NA Tested in Firefox
• NA Tested in Safari
• NA Tested in Edge

[github-actions]

size-limit report 📦

Path	Size
dist/browser.esm.js	54.96 KB (0%)
dist/browser.umd.js	55.35 KB (0%)

[changeset-bot]

⚠️ No Changeset found

Latest commit: c7c47e1

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[siddharthkp]

Closed in favor of #1609