From fca08480666b1161ff8d24876843a0cf229d7be8 Mon Sep 17 00:00:00 2001
From: Matthew Warman <warmanmr@gmail.com>
Date: Sun, 9 Mar 2025 07:15:50 -0400
Subject: [PATCH] #66 breadcrumbs doc example

---
 .../components/Breadcrumbs/Breadcrumbs.tsx    | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/src/common/components/Breadcrumbs/Breadcrumbs.tsx b/src/common/components/Breadcrumbs/Breadcrumbs.tsx
index 812369d..2e41fd8 100644
--- a/src/common/components/Breadcrumbs/Breadcrumbs.tsx
+++ b/src/common/components/Breadcrumbs/Breadcrumbs.tsx
@@ -13,6 +13,40 @@ export interface BreadcrumbsProps extends BaseComponentProps, PropsWithChildren
 /**
  * The `Breadcrumbs` component renders a heirarchy of links as a path to the
  * current route.
+ * 
+ * **Example:**
+ * ```
+  <Breadcrumbs>
+    <Breadcrumbs.List>
+      <Breadcrumbs.Item>
+        <Breadcrumbs.Link to="/">Home</Breadcrumbs.Link>
+      </Breadcrumbs.Item>
+      <Breadcrumbs.Separator />
+      <Breadcrumbs.Item>
+        <DropdownMenu>
+          <DropdownMenu.Trigger>
+            <Breadcrumbs.Ellipsis />
+          </DropdownMenu.Trigger>
+          <DropdownMenu.Content className="left-0">
+            <DropdownMenu.Item>Components</DropdownMenu.Item>
+            <DropdownMenu.Item>Settings</DropdownMenu.Item>
+            <DropdownMenu.Item>Tasks</DropdownMenu.Item>
+          </DropdownMenu.Content>
+        </DropdownMenu>
+      </Breadcrumbs.Item>
+      <Breadcrumbs.Separator />
+      <Breadcrumbs.Item>
+        <Breadcrumbs.Link to="/app/tasks/97">
+          dolorum laboriosam eos qui iure aliquam
+        </Breadcrumbs.Link>
+      </Breadcrumbs.Item>
+      <Breadcrumbs.Separator />
+      <Breadcrumbs.Item>
+        <Breadcrumbs.Page>Edit</Breadcrumbs.Page>
+      </Breadcrumbs.Item>
+    </Breadcrumbs.List>
+  </Breadcrumbs>
+ * ```
  */
 const Breadcrumbs = ({
   children,