diff --git a/__snapshots__/breadcrumb/component/chromium/DBBreadcrumb-should-match-screenshot.png b/__snapshots__/breadcrumb/component/chromium/DBBreadcrumb-should-match-screenshot.png
new file mode 100644
index 000000000000..2c60b3ea190c
Binary files /dev/null and b/__snapshots__/breadcrumb/component/chromium/DBBreadcrumb-should-match-screenshot.png differ
diff --git a/__snapshots__/breadcrumb/component/firefox/DBBreadcrumb-should-match-screenshot.png b/__snapshots__/breadcrumb/component/firefox/DBBreadcrumb-should-match-screenshot.png
new file mode 100644
index 000000000000..3937624bdef7
Binary files /dev/null and b/__snapshots__/breadcrumb/component/firefox/DBBreadcrumb-should-match-screenshot.png differ
diff --git a/__snapshots__/breadcrumb/component/mobile-chrome/DBBreadcrumb-should-match-screenshot.png b/__snapshots__/breadcrumb/component/mobile-chrome/DBBreadcrumb-should-match-screenshot.png
new file mode 100644
index 000000000000..93da699e6d39
Binary files /dev/null and b/__snapshots__/breadcrumb/component/mobile-chrome/DBBreadcrumb-should-match-screenshot.png differ
diff --git a/__snapshots__/breadcrumb/showcase/chromium-highContrast/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png b/__snapshots__/breadcrumb/showcase/chromium-highContrast/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png
new file mode 100644
index 000000000000..e187caac9287
Binary files /dev/null and b/__snapshots__/breadcrumb/showcase/chromium-highContrast/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png differ
diff --git a/__snapshots__/breadcrumb/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml b/__snapshots__/breadcrumb/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
new file mode 100644
index 000000000000..a2d4bc2b5f8d
--- /dev/null
+++ b/__snapshots__/breadcrumb/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
@@ -0,0 +1,36 @@
+- main:
+  - heading "DBBreadcrumb" [level=1]
+  - link "Size"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - link "Separator"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: /
+        - link "Category"
+      - listitem: / Current Page
\ No newline at end of file
diff --git a/__snapshots__/breadcrumb/showcase/chromium/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png b/__snapshots__/breadcrumb/showcase/chromium/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png
new file mode 100644
index 000000000000..9ecdc28bda69
Binary files /dev/null and b/__snapshots__/breadcrumb/showcase/chromium/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png differ
diff --git a/__snapshots__/breadcrumb/showcase/chromium/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml b/__snapshots__/breadcrumb/showcase/chromium/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
new file mode 100644
index 000000000000..a2d4bc2b5f8d
--- /dev/null
+++ b/__snapshots__/breadcrumb/showcase/chromium/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
@@ -0,0 +1,36 @@
+- main:
+  - heading "DBBreadcrumb" [level=1]
+  - link "Size"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - link "Separator"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: /
+        - link "Category"
+      - listitem: / Current Page
\ No newline at end of file
diff --git a/__snapshots__/breadcrumb/showcase/firefox/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png b/__snapshots__/breadcrumb/showcase/firefox/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png
new file mode 100644
index 000000000000..2752028de60b
Binary files /dev/null and b/__snapshots__/breadcrumb/showcase/firefox/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png differ
diff --git a/__snapshots__/breadcrumb/showcase/firefox/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml b/__snapshots__/breadcrumb/showcase/firefox/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
new file mode 100644
index 000000000000..a2d4bc2b5f8d
--- /dev/null
+++ b/__snapshots__/breadcrumb/showcase/firefox/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
@@ -0,0 +1,36 @@
+- main:
+  - heading "DBBreadcrumb" [level=1]
+  - link "Size"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - link "Separator"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: /
+        - link "Category"
+      - listitem: / Current Page
\ No newline at end of file
diff --git a/__snapshots__/breadcrumb/showcase/mobile-chrome/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png b/__snapshots__/breadcrumb/showcase/mobile-chrome/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png
new file mode 100644
index 000000000000..0bf760c85c38
Binary files /dev/null and b/__snapshots__/breadcrumb/showcase/mobile-chrome/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png differ
diff --git a/__snapshots__/breadcrumb/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml b/__snapshots__/breadcrumb/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
new file mode 100644
index 000000000000..a2d4bc2b5f8d
--- /dev/null
+++ b/__snapshots__/breadcrumb/showcase/mobile-chrome/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
@@ -0,0 +1,36 @@
+- main:
+  - heading "DBBreadcrumb" [level=1]
+  - link "Size"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - link "Separator"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: /
+        - link "Category"
+      - listitem: / Current Page
\ No newline at end of file
diff --git a/__snapshots__/breadcrumb/showcase/mobile-safari/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png b/__snapshots__/breadcrumb/showcase/mobile-safari/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png
new file mode 100644
index 000000000000..5b65205f0511
Binary files /dev/null and b/__snapshots__/breadcrumb/showcase/mobile-safari/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png differ
diff --git a/__snapshots__/breadcrumb/showcase/mobile-safari/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml b/__snapshots__/breadcrumb/showcase/mobile-safari/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
new file mode 100644
index 000000000000..a2d4bc2b5f8d
--- /dev/null
+++ b/__snapshots__/breadcrumb/showcase/mobile-safari/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
@@ -0,0 +1,36 @@
+- main:
+  - heading "DBBreadcrumb" [level=1]
+  - link "Size"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - link "Separator"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: /
+        - link "Category"
+      - listitem: / Current Page
\ No newline at end of file
diff --git a/__snapshots__/breadcrumb/showcase/webkit/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png b/__snapshots__/breadcrumb/showcase/webkit/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png
new file mode 100644
index 000000000000..58e95462e28a
Binary files /dev/null and b/__snapshots__/breadcrumb/showcase/webkit/DBBreadcrumb-should-match-screenshot-1/DBBreadcrumb-should-match-screenshot.png differ
diff --git a/__snapshots__/breadcrumb/showcase/webkit/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml b/__snapshots__/breadcrumb/showcase/webkit/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
new file mode 100644
index 000000000000..a2d4bc2b5f8d
--- /dev/null
+++ b/__snapshots__/breadcrumb/showcase/webkit/should-have-same-aria-snapshot/DBBreadcrumb-should-have-same-aria-snapshot.yaml
@@ -0,0 +1,36 @@
+- main:
+  - heading "DBBreadcrumb" [level=1]
+  - link "Size"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - link "Separator"
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: ›
+        - link "Category"
+      - listitem: › Current Page
+  - navigation "breadcrumb":
+    - list:
+      - listitem:
+        - link "Home"
+      - listitem:
+        - text: /
+        - link "Category"
+      - listitem: / Current Page
\ No newline at end of file