diff --git a/docs/content/docs/components/breadcrumb.md b/docs/content/docs/components/breadcrumb.md
new file mode 100644
index 0000000..e96e551
--- /dev/null
+++ b/docs/content/docs/components/breadcrumb.md
@@ -0,0 +1,20 @@
+---
+title: Breadcrumb
+description: PaperCSS Breadcrumb
+---
+
+<ul class="breadcrumb border">
+  <li><a href="#">Documentation</a></li>
+  <li><a href="#">Components</a></li>
+  <li>Breadcrumb</li>
+</ul>
+
+#### Code:
+
+```html
+<ul class="breadcrumb border">
+  <li><a href="#">Documentation</a></li>
+  <li><a href="#">Components</a></li>
+  <li>Breadcrumb</li>
+</ul>
+```
diff --git a/src/components/_breadcrumb.scss b/src/components/_breadcrumb.scss
new file mode 100644
index 0000000..61815fa
--- /dev/null
+++ b/src/components/_breadcrumb.scss
@@ -0,0 +1,28 @@
+ul.breadcrumb {
+  list-style: none;
+  padding: 10px 16px;
+
+  li {
+    display: inline;
+    font-size: 20px;
+
+    &::before {
+      content: '';
+    }
+
+    a {
+      background-image: none;
+      color: $secondary;
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  li + li::before {
+    content: '/\00a0';
+    padding: 8px;
+  }
+}