From 816a1e5ce27a67c15fa64742c1520fab4833c6a4 Mon Sep 17 00:00:00 2001
From: Grant Steffen <gsteffen1203@gmail.com>
Date: Mon, 13 May 2024 14:30:07 -0400
Subject: [PATCH] Add Breadcrumbs docs

---
 docs/components/layout/Breadcrumbs.mdx | 33 ++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 docs/components/layout/Breadcrumbs.mdx

diff --git a/docs/components/layout/Breadcrumbs.mdx b/docs/components/layout/Breadcrumbs.mdx
new file mode 100644
index 00000000..4d904760
--- /dev/null
+++ b/docs/components/layout/Breadcrumbs.mdx
@@ -0,0 +1,33 @@
+import { Meta, Canvas, ArgTypes } from '@storybook/addon-docs';
+import { Breadcrumbs, BreadcrumbList, BreadcrumbItem, BreadcrumbPage, BreadcrumbLink, BreadcrumbSeparator, breadcrumbsTheme } from '../../../src/layout/Breadcrumbs';
+import * as BreadcrumbsStories from '../../../src/layout/Breadcrumbs/Breadcrumbs.story';
+import ThemeRender from '../../ThemeRender.tsx';
+
+<Meta title="Docs/Components/Layout/Breadcrumbs" />
+
+# Breadcrumbs
+Breadcrumbs are a navigation component that shows the user's location within a website or application.
+
+## Example
+<Canvas sourceState="shown" of={BreadcrumbsStories.Basic}/>
+
+## Theme
+This component uses the following default theme:
+
+<ThemeRender theme={breadcrumbsTheme} />
+
+Learn more about how to customize in the [Theme documentation](?path=/docs/docs-theme-getting-started--docs).
+
+## API
+
+### Breadcrumbs
+<ArgTypes of={Breadcrumbs} />
+
+### BreadcrumbList
+<ArgTypes of={BreadcrumbList} />
+
+### BreadcrumbLink
+<ArgTypes of={BreadcrumbLink} />
+
+### BreadcrumbSeparator
+<ArgTypes of={BreadcrumbSeparator} />