Breadcrumbs

content/collections/extending-docs/breadcrumbs.md

@@ -0,0 +1,39 @@
+---
+title: Breadcrumbs
+id: a96676fe-0ec4-41f5-9205-2fe47988addb
+intro: |
+  At the top of most pages in the control panel, you will see a title with breadcrumbs sitting above. Statamic provides
+  ways to generate these links without you having to worry about manually generating the HTML.
+---
+``` php
+use Statamic\CP\Breadcrumbs;
+
+$crumbs = Breadcrumbs::make([
+    ['text' => 'First', 'url' => '/first'],
+    ['text' => 'Second', 'url' => '/second'],
+])
+
+return view('myview', ['crumbs' => $crumbs]);
+```
+
+``` blade
+<breadcrumbs :crumbs='@json($crumbs)'></breadcrumbs>
+```
+
+``` vue
+<template>
+    <breadcrumbs :crumbs="crumbs" />
+</template>
+<script>
+export default {
+    data() 
+        return {
+            crumbs: [
+                ['text' => 'First', 'url' => '/first'],
+                ['text' => 'Second', 'url' => '/second'],
+            ]
+        ]
+    }
+}
+</script>
+```

content/structures/extending-docs.yaml

@@ -30,6 +30,8 @@ tree:
         entry: aa6e0a79-9d3f-493b-92c9-df4d2257bc64
       -
         entry: b4b46ceb-9feb-4587-8f0d-2080511bf9e3
+      -
+        entry: a96676fe-0ec4-41f5-9205-2fe47988addb
   -
     title: Javascript
     children: