+ A breadcrumb navigation component that displays a hierarchical path to the current page.
+ Shows a home icon as the first item, followed by up to 5 levels of navigation links
+ separated by a configurable separator (slash, chevron, or arrow). The last item represents
+ the current page and is rendered as non-interactive text. On mobile viewports, middle items
+ collapse into an ellipsis menu, showing only the first and last two items to save space.
+
+
+
+
+
+
+ )
+}
+
+createRoot(document.getElementById("root")!).render(
+
+
+
+)
\ No newline at end of file
diff --git a/breadcrumbs/src/vite-env.d.ts b/breadcrumbs/src/vite-env.d.ts
new file mode 100644
index 0000000..151aa68
--- /dev/null
+++ b/breadcrumbs/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
\ No newline at end of file
diff --git a/breadcrumbs/tsconfig.app.json b/breadcrumbs/tsconfig.app.json
new file mode 100644
index 0000000..d775f2a
--- /dev/null
+++ b/breadcrumbs/tsconfig.app.json
@@ -0,0 +1,27 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsBuildInfo",
+ "target": "ES2022",
+ "useDefineForClassFields": true,
+ "lib": [
+ "ES2022",
+ "DOM",
+ "DOM.Iterable"
+ ],
+ "module": "ESNext",
+ "skipLibCheck": true,
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "noEmit": true,
+ "jsx": "react-jsx",
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": [
+ "src"
+ ]
+}
\ No newline at end of file
diff --git a/breadcrumbs/tsconfig.json b/breadcrumbs/tsconfig.json
new file mode 100644
index 0000000..65f670c
--- /dev/null
+++ b/breadcrumbs/tsconfig.json
@@ -0,0 +1,11 @@
+{
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.app.json"
+ },
+ {
+ "path": "./tsconfig.node.json"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/breadcrumbs/tsconfig.node.json b/breadcrumbs/tsconfig.node.json
new file mode 100644
index 0000000..c4a9a48
--- /dev/null
+++ b/breadcrumbs/tsconfig.node.json
@@ -0,0 +1,23 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsBuildInfo",
+ "target": "ES2023",
+ "lib": [
+ "ES2023"
+ ],
+ "module": "ESNext",
+ "skipLibCheck": true,
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "noEmit": true,
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": [
+ "vite.config.ts"
+ ]
+}
\ No newline at end of file
diff --git a/breadcrumbs/vite.config.ts b/breadcrumbs/vite.config.ts
new file mode 100644
index 0000000..c7a4f78
--- /dev/null
+++ b/breadcrumbs/vite.config.ts
@@ -0,0 +1,6 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+ plugins: [react()],
+});
\ No newline at end of file
diff --git a/breadcrumbs/webflow.json b/breadcrumbs/webflow.json
new file mode 100644
index 0000000..4fa940c
--- /dev/null
+++ b/breadcrumbs/webflow.json
@@ -0,0 +1,10 @@
+{
+ "library": {
+ "name": "Breadcrumbs",
+ "components": [
+ "./src/**/*.webflow.@(js|jsx|mjs|ts|tsx)"
+ ],
+ "description": "A breadcrumb navigation component that displays a hierarchical path to the current page. Shows a home icon as the first item, followed by up to 6 levels of navigation links separated by a configurable separator (slash, chevron, or arrow). The last item represents the current page and is rendered as non-interactive text. On mobile viewports, middle items collapse into an ellipsis menu, showing only the first and last two items to save space. Each breadcrumb level has configurable label text and URL link properties.",
+ "id": "breadcrumbs"
+ }
+}
\ No newline at end of file