Skip to content

feat: add Breadcrumbs component#1855

Open
Sumit6307 wants to merge 1 commit intoRocketChat:mainfrom
Sumit6307:feat/breadcrumbs
Open

feat: add Breadcrumbs component#1855
Sumit6307 wants to merge 1 commit intoRocketChat:mainfrom
Sumit6307:feat/breadcrumbs

Conversation

@Sumit6307
Copy link

Description

This PR implements a new Breadcrumbs component for Fuselage. Breadcrumbs are an essential navigation pattern that allows users to visualize their current location within the application's hierarchy and navigate back to parent levels.

Changes

  • Created Breadcrumbs and BreadcrumbItem components.
  • Added styling consistent with the Fuselage design system.
  • Added Chevron separator between items.
  • Implemented accessibility support (ARIA roles and attributes).
  • Added Storybook stories for visual testing and documentation.
  • Added unit tests.

Verification

  1. Run yarn storybook and navigate to Navigation / Breadcrumbs.
  2. Verify different states (Default, With Title, Selection).
  3. Run yarn test to verify unit tests pass.

@changeset-bot
Copy link

changeset-bot bot commented Jan 30, 2026

⚠️ No Changeset found

Latest commit: 7ef85bd

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

@CLAassistant
Copy link

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
You have signed the CLA already but the status is still pending? Let us recheck it.

@Sumit6307
Copy link
Author

@tassoevan

Description

This PR implements a new Breadcrumbs component for Fuselage. Breadcrumbs are an essential navigation pattern that allows users to visualize their current location within the application's hierarchy and navigate back to parent levels.

Changes

  • Created Breadcrumbs and BreadcrumbItem components.
  • Added styling consistent with the Fuselage design system.
  • Added Chevron separator between items.
  • Implemented accessibility support (ARIA roles and attributes).
  • Added Storybook stories for visual testing and documentation.
  • Added unit tests.

Verification

  1. Run yarn storybook and navigate to Navigation / Breadcrumbs.
  2. Verify different states (Default, With Title, Selection).
  3. Run yarn test to verify unit tests pass.

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.

2 participants