offline docs

offline-docs/daisyui/breadcrumbs.md

@@ -0,0 +1,100 @@
+# Breadcrumbs Component
+
+Breadcrumbs helps users to navigate through the website.
+
+| Class name | Type |  |
+| --- | --- | --- |
+| breadcrumbs | Component | Wrapper around a <ul> |
+
+#### Breadcrumbs
+
+```
+<div class="$$breadcrumbs text-sm">
+  <ul>
+    <li><a>Home</a></li>
+    <li><a>Documents</a></li>
+    <li>Add Document</li>
+  </ul>
+</div>
+```
+
+#### Breadcrumbs with icons
+
+```
+<div class="$$breadcrumbs text-sm">
+  <ul>
+    <li>
+      <a>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+          class="h-4 w-4 stroke-current">
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path>
+        </svg>
+        Home
+      </a>
+    </li>
+    <li>
+      <a>
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+          class="h-4 w-4 stroke-current">
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path>
+        </svg>
+        Documents
+      </a>
+    </li>
+    <li>
+      <span class="inline-flex items-center gap-2">
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          fill="none"
+          viewBox="0 0 24 24"
+          class="h-4 w-4 stroke-current">
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
+        </svg>
+        Add Document
+      </span>
+    </li>
+  </ul>
+</div>
+```
+
+#### Breadcrumbs with max-width
+
+If you set max-width or the list gets larger than the container it will scroll
+
+```
+<div class="$$breadcrumbs max-w-xs text-sm">
+  <ul>
+    <li>Long text 1</li>
+    <li>Long text 2</li>
+    <li>Long text 3</li>
+    <li>Long text 4</li>
+    <li>Long text 5</li>
+  </ul>
+</div>
+```
+
+![daisyUI store](https://img.daisyui.com/images/store/nexus.webp)
+
+## NEXUS Official daisyUI Dashboard Template
+
+## Available on daisyUI store
+
+[More details](/store)