Skip to content

ActionList: Support mixed descriptions#7919

Draft
obvioussean wants to merge 1 commit into
mainfrom
obvioussean/actionlist-mixed-descriptions
Draft

ActionList: Support mixed descriptions#7919
obvioussean wants to merge 1 commit into
mainfrom
obvioussean/actionlist-mixed-descriptions

Conversation

@obvioussean
Copy link
Copy Markdown

Refs github/github-ui#22256

Adds first-class ActionList support for rendering one inline description beside an item label and one block description beneath the same label. This gives consumers a supported way to add a second detail line, such as estimated cost, without hand-rolling label and description styling inside ActionList.Item children.

Changelog

New

  • ActionList.Item supports rendering one inline ActionList.Description and one block ActionList.Description together.

Changed

  • Added docs metadata and a Storybook feature story for the mixed-description layout.

Removed

  • None.

Rollout strategy

  • Patch release
  • Minor release
  • Major release; if selected, include a written rollout or migration plan
  • None; if selected, include a brief description as to why

Testing & Reviewing

Validated the new mixed-description path with:

  • npm run build
  • npm run type-check
  • npm run lint
  • npm run lint:css
  • npm run format:diff
  • npm test -- packages/react/src/ActionList/ActionList.test.tsx
  • Storybook visual check in Chromium for components-actionlist-features--inline-and-block-description

I also ran the full npm test; it failed on an unrelated local AnchoredOverlay click timeout after the ActionList suite passed.

Merge checklist

Allow an item to render one inline description beside the label and one block description below the label. This lets consumers add a secondary detail line without rebuilding ActionList item layout by hand.\n\nCo-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Jun 2, 2026

🦋 Changeset detected

Latest commit: 89b6c1b

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
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 2, 2026

⚠️ Action required

👋 Hi, this pull request contains changes to the source code that github/github-ui depends on. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. Check the integration testing docs for step-by-step instructions. Or, apply the integration-tests: skipped manually label to skip these checks.

To publish a canary release for integration testing, apply the Canary Release label to this PR.

@github-actions github-actions Bot added the integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm label Jun 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

integration-tests: recommended This change needs to be tested for breaking changes. See https://arc.net/l/quote/tdmpakpm

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant