Breadcrumb

[ValentinaKozlova]

Preparation

• Open UI Research
  • Breadcrumb component - Research #26481
• Open GitHub issues related to component
  • V8 Breadcrumb [Bug]: Breadcrumb - When using long text, only "..." is displayed #24938
• [Create react-breadcrumb and component from template]
  • link to package: https://github.com/microsoft/fluentui/tree/master/packages/react-components/react-breadcrumb
• (Optional) Draft implementation
  • [DRAFT][NO-MERGE] Breadcrumb implementation #26608
• Component Spec authored and reviewed
  • Breadcrumb spec #26742

Implementation

• Component implementation
  • Generated empty Breadcrumb component v9 #26529
  • Added BreadcrumbItem and BreadcrumbDivider components #26693
  • Added icon to the BreadcrumbDivider component #27199
  • Added BreadcrumbButton component #27428
  • Added BreadcrumbLink component #27471
  • Added partition for controlled overflow menu #27520
  • UI adjustments for the Breadcrumb #27649
  • UI adjustments for BreadcrumbLink component #27699
  • Added focus to the Breadcrumb #27742
  • Added truncation and tooltips to the Breadcrumb #27859
  • Add support for RTL divider on Breadcrumb #27918
  • [Breadcrumb] Made last item non-interactive #27969
  • Added tab focus mode to the Breadcrumb #28046
  • Fixed bugs and added more stories to the Breadcrumb #28267
  • feat: release react-breadcrumb to unstable #28295
• Initial conformance and unit tests (validate basic functionality)
• Initial documentation
  • Storybook stories
    Added best practices for the Breadcrumb #27887
  • README.md covering basic usage
  • MIGRATION.md guide (include v8 and v0)
    Added MIGRATION.md to the Breadcrumb #27846
• Overflow divider fix #28011 - we can't go unstable without this fix
• Component released as preview from @fluentui/react-components/unstable
• feat: release react-breadcrumb to preview #28402
  Fixes:
• [Bug]: Inaccurate calculation in Overflow #28727
• fix: made disabled BreadcrumbLink not focusable #28720
• Fixed bug with inaccurate calc #28728
• Fix: flickering of items with large dividers in Overflow component #28767
• Removed iconPosition from the Breadcrumb #28846

Validation

• Add tests
  • Unit and conformance tests
  • VR tests
    • Added VR tests for Breadcrumb #28653
  • Bundle size fixtures
  • Performance test scenario
  • Accessibility behavior tests
  • Run manual accessibility tests
• Validate with partners
• Run a bug bash with other FUI crews
• Finalize documentation
  • Review and add any missing storybook stories
  • Finalize migration guide
• Component released as stable from @fluentui/react-components
  • In package.json: Remove the alpha/beta tag from the version number in package.json
  • In package.json: Change beachball's disallowedChangeTypes to "major", "prerelease"

[gouttierre]

Shipped to Stable