Add BreadcrumbBar Sample

Author: ghost1372

README.md

@@ -135,6 +135,7 @@ Install-Package DevWinUI
 ## 🔥 DevWinUI.Controls 🔥
 ### ⚡ What’s Inside? ⚡
 
+- ✨ BreadcrumbBar
 - ✨ ThemedIcon
 - ✨ SamplePanel
 - ✨ SpectrumAnalyzer
@@ -325,6 +326,9 @@ Install-Package DevWinUI.ContextMenu
 
 ## 🕰️ History 🕰️
 
+### BreadcrumbBar
+![BreadcrumbBar](https://raw.githubusercontent.com/ghost1372/DevWinUI-Resources/refs/heads/main/DevWinUI-Docs/BreadcrumbBar.png)
+
 ### ThemedIcon
 ![ThemedIcon](https://raw.githubusercontent.com/ghost1372/DevWinUI-Resources/refs/heads/main/DevWinUI-Docs/ThemedIcon.gif)
 

dev/DevWinUI.Gallery/Assets/Fluent/BreadcrumbBar.png

@@ -162,6 +162,13 @@
       "ImagePath": "ms-appx:///Assets/Fluent/RatingControl.png",
       "IsSpecialSection": false,
       "Items": [
+        {
+          "UniqueId": "DevWinUIGallery.Views.BreadcrumbBarPage",
+          "Title": "BreadcrumbBar",
+          "Subtitle": "A BreadcrumbBar provides the direct path of pages or folders to the current location.",
+          "IsNew": true,
+          "ImagePath": "ms-appx:///Assets/Fluent/BreadcrumbBar.png"
+        },
         {
           "UniqueId": "DevWinUIGallery.Views.ThemedIconPage",
           "Title": "Themed Icon",

dev/DevWinUI.Gallery/Assets/NavViewMenu/AppData.json

@@ -36,6 +36,7 @@ public partial class NavigationPageMappings
         {"DevWinUIGallery.Views.ExtensionPage", typeof(DevWinUIGallery.Views.ExtensionPage)},
         {"DevWinUIGallery.Views.ThemeManagerPage", typeof(DevWinUIGallery.Views.ThemeManagerPage)},
         {"DevWinUIGallery.Views.CheckUpdatePage", typeof(DevWinUIGallery.Views.CheckUpdatePage)},
+        {"DevWinUIGallery.Views.BreadcrumbBarPage", typeof(DevWinUIGallery.Views.BreadcrumbBarPage)},
         {"DevWinUIGallery.Views.ThemedIconPage", typeof(DevWinUIGallery.Views.ThemedIconPage)},
         {"DevWinUIGallery.Views.SamplePanelPage", typeof(DevWinUIGallery.Views.SamplePanelPage)},
         {"DevWinUIGallery.Views.SpectrumAnalyzerPage", typeof(DevWinUIGallery.Views.SpectrumAnalyzerPage)},

dev/DevWinUI.Gallery/T4Templates/NavigationPageMappings.cs

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<Page x:Class="DevWinUIGallery.Views.BreadcrumbBarPage"
+      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+      xmlns:dev="using:DevWinUI"
+      xmlns:local="using:DevWinUIGallery"
+      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+      mc:Ignorable="d">
+
+    <ScrollViewer>
+        <StackPanel Margin="10" dev:PanelAttach.ChildrenTransitions="Default" Spacing="10">
+            <local:ControlExample DocPage="controls/breadcrumbBar">
+                <local:ControlExample.Xaml>
+                    &lt;dev:BreadcrumbBar ItemsSource="{x:Bind Items}" /&gt;
+                </local:ControlExample.Xaml>
+                <dev:BreadcrumbBar EllipsisButtonToolTip="More folders"
+                                   ItemsSource="{x:Bind Items, Mode=OneWay}"
+                                   RootItemToolTip="Root Folder" />
+            </local:ControlExample>
+        </StackPanel>
+    </ScrollViewer>
+
+</Page>

dev/DevWinUI.Gallery/Views/Pages/Features/BreadcrumbBarPage.xaml

@@ -0,0 +1,18 @@
+using BreadcrumbBarItem = DevWinUI.BreadcrumbBarItem;
+
+namespace DevWinUIGallery.Views;
+
+public sealed partial class BreadcrumbBarPage : Page
+{
+    public ObservableCollection<BreadcrumbBarItem> Items { get; set; } = new ObservableCollection<BreadcrumbBarItem>
+    {
+        new BreadcrumbBarItem { Content = "Home" },
+        new BreadcrumbBarItem { Content = "Documents" },
+        new BreadcrumbBarItem { Content = "Projects" },
+        new BreadcrumbBarItem { Content = "2026" }
+    };
+    public BreadcrumbBarPage()
+    {
+        InitializeComponent();
+    }
+}