Skip to content

Breadcrumbs: Only show the previous breadcrumb on narrow viewports#7735

Draft
liuliu-dev wants to merge 3 commits intomainfrom
liuliu/only-show-the-previous-breadcrumb-on-narrow
Draft

Breadcrumbs: Only show the previous breadcrumb on narrow viewports#7735
liuliu-dev wants to merge 3 commits intomainfrom
liuliu/only-show-the-previous-breadcrumb-on-narrow

Conversation

@liuliu-dev
Copy link
Copy Markdown
Contributor

Closes https://github.com/github/primer/issues/6371

Changelog

New

On narrow viewports (≤544px), breadcrumbs collapse to show only the previous (parent) item as a back link. The current page is hidden since you're already on it. Consumers can pass narrowVisibleItems to control how many items stay visible.

Rollout strategy

  • Minor release

Testing & Reviewing

Merge checklist

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Apr 7, 2026

🦋 Changeset detected

Latest commit: b5c024f

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 Apr 7, 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 Apr 7, 2026
@github-actions github-actions bot temporarily deployed to storybook-preview-7735 April 7, 2026 22:53 Inactive
@primer-integration
Copy link
Copy Markdown

👋 Hi from github/github-ui! Your integration PR is ready: https://github.com/github/github-ui/pull/18062

@primer-integration
Copy link
Copy Markdown

Integration test results from github/github-ui:

Failed  CI   Failed
Passed  VRT   Passed
Passed  Projects   Passed

CI check runs linting, type checking, and unit tests. Check the workflow logs for specific failures.

Need help? If you believe this failure is unrelated to your changes, please reach out to the Primer team for assistance.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Canary Release Apply this label when you want CI to create a canary release of the current PR 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