Skip to content

feat(component-library): add mt-breadcrumb component - #1365

Merged
Arnold Stoba (arnoldstoba) merged 11 commits into
mainfrom
feat/mt-breadcrumb
Sep 15, 2026
Merged

Arnold Stoba (arnoldstoba) merged 11 commits into
mainfrom
feat/mt-breadcrumb

Conversation

@arnoldstoba

@arnoldstoba Arnold Stoba (arnoldstoba) commented Sep 7, 2026 •

Copy link
Copy Markdown
Contributor

What?

New mt-breadcrumb component rendered from an items array, plus docs page and examples.

Why?

Hierarchy navigation for nested pages was missing. Closes #1213.

How?

  • items: BreadcrumbItem[] with label, optional to and as. Items with to render as links (router-link by default, link-as to change it), the last item is always the current page with aria-current="page".
  • Sizes xs and s, translated aria-label, separators and ellipsis hidden from assistive technology.
  • On narrow containers labels shrink with an ellipsis down to 8ch first, then middle crumbs move into an overflow menu behind an ellipsis button, root last, current page never. The menu lists the hidden levels as links. overflow="wrap" disables this.

Testing?

Unit tests for the component and the collapse algorithm, Storybook stories with visual and interaction tests, docs examples including a route-driven trail.

Screenshots (optional)

Anything Else?

@arnoldstoba
Arnold Stoba (arnoldstoba) requested a review from a team September 7, 2026 08:44
@vercel

vercel Bot commented Sep 7, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
meteor-docs Ready Ready Preview Sep 15, 2026 1:51pm UTC
meteor-storybook Ready Ready Preview Sep 15, 2026 1:51pm UTC

Request Review

@fabianhueske Fabian Hüske (fabianhueske) changed the title feat(component-library): add mt-breadcrumb compound component feat(component-library): add mt-breadcrumb component Sep 8, 2026
@pkg-pr-new

pkg-pr-new Bot commented Sep 11, 2026

Copy link
Copy Markdown

Open in StackBlitz

@shopware-ag/meteor-admin-sdk

npm i https://pkg.pr.new/shopware/meteor/@shopware-ag/meteor-admin-sdk@1365

@shopware-ag/meteor-component-library

npm i https://pkg.pr.new/shopware/meteor/@shopware-ag/meteor-component-library@1365

@shopware-ag/create-meteor-extension

npm i https://pkg.pr.new/shopware/meteor/@shopware-ag/create-meteor-extension@1365

@shopware-ag/meteor-icon-kit

npm i https://pkg.pr.new/shopware/meteor/@shopware-ag/meteor-icon-kit@1365

@shopware-ag/meteor-prettier-config

npm i https://pkg.pr.new/shopware/meteor/@shopware-ag/meteor-prettier-config@1365

@shopware-ag/stylelint-plugin-meteor

npm i https://pkg.pr.new/shopware/meteor/@shopware-ag/stylelint-plugin-meteor@1365

@shopware-ag/meteor-tokens

npm i https://pkg.pr.new/shopware/meteor/@shopware-ag/meteor-tokens@1365

commit: 7897f55

This branch was successfully deployed

3 active (1 outdated) deployments
Preview – meteor-docs — 8a7e06bd Deployed Sep 15, 2026 by vercel[bot]
Preview – meteor-storybook — 8a7e06bd Deployed Sep 15, 2026 by vercel[bot]
Preview – project-a87kj — a08fdf7d Deployed Sep 9, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

New component: breadcrumb

2 participants