db-ux-design-system · sarahbrng · Dec 17, 2025 · Dec 18, 2025 · Dec 18, 2025 · Dec 18, 2025
diff --git a/.gitignore b/.gitignore
@@ -4,6 +4,7 @@ node_modules
 npm-debug.log
 .history
 .idea
+.vscode/
-.vscode/
-.vscode/
 **/build/
 **/dist/
 build-old/

diff --git a/.vscode/settings.json b/.vscode/settings.json
diff --git a/...ots__/accordion-item/patternhub/accordion-item-docs-should-match-screenshot.png b/...ots__/accordion-item/patternhub/accordion-item-docs-should-match-screenshot.png
diff --git a/..._/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png b/..._/accordion-item/patternhub/accordion-item-overview-should-match-screenshot.png
diff --git a/...accordion-item/patternhub/accordion-item-properties-should-match-screenshot.png b/...accordion-item/patternhub/accordion-item-properties-should-match-screenshot.png
diff --git a/__snapshots__/accordion/patternhub/accordion-docs-should-match-screenshot.png b/__snapshots__/accordion/patternhub/accordion-docs-should-match-screenshot.png
diff --git a/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png b/__snapshots__/accordion/patternhub/accordion-overview-should-match-screenshot.png
diff --git a/...apshots__/accordion/patternhub/accordion-properties-should-match-screenshot.png b/...apshots__/accordion/patternhub/accordion-properties-should-match-screenshot.png
diff --git a/__snapshots__/badge/patternhub/badge-docs-should-match-screenshot.png b/__snapshots__/badge/patternhub/badge-docs-should-match-screenshot.png
diff --git a/__snapshots__/badge/patternhub/badge-overview-should-match-screenshot.png b/__snapshots__/badge/patternhub/badge-overview-should-match-screenshot.png
diff --git a/__snapshots__/badge/patternhub/badge-properties-should-match-screenshot.png b/__snapshots__/badge/patternhub/badge-properties-should-match-screenshot.png
diff --git a/...hContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...hContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/...m-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/...m-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,20 +9,14 @@
   - link "Size"
   - text: (Default) Small Medium
   - link "Content"
-  - text: (Default) Text Dot - Small Icon - Small
+  - text: (Default) Text Icon - Small
   - link "Placement"
   - text: (Default) Inline Label
-  - button "LABEL SHOULD BE SET Corner - Top - Left"
-  - text: Corner - Top - Left
-  - button "LABEL SHOULD BE SET Corner - Center - Left"
-  - text: Corner - Center - Left
-  - button "LABEL SHOULD BE SET Corner - Bottom- Left"
-  - text: Corner - Bottom- Left
-  - button "LABEL SHOULD BE SET Corner - Top - Right"
-  - text: Corner - Top - Right
-  - button "LABEL SHOULD BE SET Corner - Center - Right"
-  - text: Corner - Center - Right
-  - button "LABEL SHOULD BE SET Corner - Bottom- Right"
-  - text: Corner - Bottom- Right
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
   - link "Examples"
-  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Icon - Medium
diff --git a/.../chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/.../chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/...wcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/...wcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,20 +9,14 @@
   - link "Size"
   - text: (Default) Small Medium
   - link "Content"
-  - text: (Default) Text Dot - Small Icon - Small
+  - text: (Default) Text Icon - Small
   - link "Placement"
   - text: (Default) Inline Label
-  - button "LABEL SHOULD BE SET Corner - Top - Left"
-  - text: Corner - Top - Left
-  - button "LABEL SHOULD BE SET Corner - Center - Left"
-  - text: Corner - Center - Left
-  - button "LABEL SHOULD BE SET Corner - Bottom- Left"
-  - text: Corner - Bottom- Left
-  - button "LABEL SHOULD BE SET Corner - Top - Right"
-  - text: Corner - Top - Right
-  - button "LABEL SHOULD BE SET Corner - Center - Right"
-  - text: Corner - Center - Right
-  - button "LABEL SHOULD BE SET Corner - Bottom- Right"
-  - text: Corner - Bottom- Right
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
   - link "Examples"
-  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Icon - Medium
diff --git a/...e/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...e/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/...owcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/...owcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,20 +9,14 @@
   - link "Size"
   - text: (Default) Small Medium
   - link "Content"
-  - text: (Default) Text Dot - Small Icon - Small
+  - text: (Default) Text Icon - Small
   - link "Placement"
   - text: (Default) Inline Label
-  - button "LABEL SHOULD BE SET Corner - Top - Left"
-  - text: Corner - Top - Left
-  - button "LABEL SHOULD BE SET Corner - Center - Left"
-  - text: Corner - Center - Left
-  - button "LABEL SHOULD BE SET Corner - Bottom- Left"
-  - text: Corner - Bottom- Left
-  - button "LABEL SHOULD BE SET Corner - Top - Right"
-  - text: Corner - Top - Right
-  - button "LABEL SHOULD BE SET Corner - Center - Right"
-  - text: Corner - Center - Right
-  - button "LABEL SHOULD BE SET Corner - Bottom- Right"
-  - text: Corner - Bottom- Right
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
   - link "Examples"
-  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Icon - Medium
diff --git a/...le-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...le-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/.../mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/.../mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,20 +9,14 @@
   - link "Size"
   - text: (Default) Small Medium
   - link "Content"
-  - text: (Default) Text Dot - Small Icon - Small
+  - text: (Default) Text Icon - Small
   - link "Placement"
   - text: (Default) Inline Label
-  - button "LABEL SHOULD BE SET Corner - Top - Left"
-  - text: Corner - Top - Left
-  - button "LABEL SHOULD BE SET Corner - Center - Left"
-  - text: Corner - Center - Left
-  - button "LABEL SHOULD BE SET Corner - Bottom- Left"
-  - text: Corner - Bottom- Left
-  - button "LABEL SHOULD BE SET Corner - Top - Right"
-  - text: Corner - Top - Right
-  - button "LABEL SHOULD BE SET Corner - Center - Right"
-  - text: Corner - Center - Right
-  - button "LABEL SHOULD BE SET Corner - Bottom- Right"
-  - text: Corner - Bottom- Right
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
   - link "Examples"
-  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Icon - Medium
diff --git a/...le-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png b/...le-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
diff --git a/.../mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/.../mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,20 +9,14 @@
   - link "Size"
   - text: (Default) Small Medium
   - link "Content"
-  - text: (Default) Text Dot - Small Icon - Small
+  - text: (Default) Text Icon - Small
   - link "Placement"
   - text: (Default) Inline Label
-  - button "LABEL SHOULD BE SET Corner - Top - Left"
-  - text: Corner - Top - Left
-  - button "LABEL SHOULD BE SET Corner - Center - Left"
-  - text: Corner - Center - Left
-  - button "LABEL SHOULD BE SET Corner - Bottom- Left"
-  - text: Corner - Bottom- Left
-  - button "LABEL SHOULD BE SET Corner - Top - Right"
-  - text: Corner - Top - Right
-  - button "LABEL SHOULD BE SET Corner - Center - Right"
-  - text: Corner - Center - Right
-  - button "LABEL SHOULD BE SET Corner - Bottom- Right"
-  - text: Corner - Bottom- Right
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
   - link "Examples"
-  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Icon - Medium
diff --git a/...howcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml b/...howcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
@@ -9,20 +9,14 @@
   - link "Size"
   - text: (Default) Small Medium
   - link "Content"
-  - text: (Default) Text Dot - Small Icon - Small
+  - text: (Default) Text Icon - Small
   - link "Placement"
   - text: (Default) Inline Label
-  - button "LABEL SHOULD BE SET Corner - Top - Left"
-  - text: Corner - Top - Left
-  - button "LABEL SHOULD BE SET Corner - Center - Left"
-  - text: Corner - Center - Left
-  - button "LABEL SHOULD BE SET Corner - Bottom- Left"
-  - text: Corner - Bottom- Left
-  - button "LABEL SHOULD BE SET Corner - Top - Right"
-  - text: Corner - Top - Right
-  - button "LABEL SHOULD BE SET Corner - Center - Right"
-  - text: Corner - Center - Right
-  - button "LABEL SHOULD BE SET Corner - Bottom- Right"
-  - text: Corner - Bottom- Right
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
+  - button "LABEL SHOULD BE SET"
   - link "Examples"
-  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Dot - Medium Icon - Medium
+  - text: 9 12 123 9 12 123 Numbers (Default) Text - Medium Icon - Medium
diff --git a/__snapshots__/brand/patternhub/brand-docs-should-match-screenshot.png b/__snapshots__/brand/patternhub/brand-docs-should-match-screenshot.png
diff --git a/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png b/__snapshots__/brand/patternhub/brand-overview-should-match-screenshot.png
diff --git a/__snapshots__/brand/patternhub/brand-properties-should-match-screenshot.png b/__snapshots__/brand/patternhub/brand-properties-should-match-screenshot.png
diff --git a/__snapshots__/button/patternhub/button-docs-should-match-screenshot.png b/__snapshots__/button/patternhub/button-docs-should-match-screenshot.png
diff --git a/__snapshots__/button/patternhub/button-overview-should-match-screenshot.png b/__snapshots__/button/patternhub/button-overview-should-match-screenshot.png
diff --git a/__snapshots__/button/patternhub/button-properties-should-match-screenshot.png b/__snapshots__/button/patternhub/button-properties-should-match-screenshot.png
diff --git a/__snapshots__/card/patternhub/card-docs-should-match-screenshot.png b/__snapshots__/card/patternhub/card-docs-should-match-screenshot.png
diff --git a/__snapshots__/card/patternhub/card-overview-should-match-screenshot.png b/__snapshots__/card/patternhub/card-overview-should-match-screenshot.png
diff --git a/__snapshots__/card/patternhub/card-properties-should-match-screenshot.png b/__snapshots__/card/patternhub/card-properties-should-match-screenshot.png
diff --git a/__snapshots__/checkbox/patternhub/checkbox-docs-should-match-screenshot.png b/__snapshots__/checkbox/patternhub/checkbox-docs-should-match-screenshot.png
diff --git a/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png b/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png
diff --git a/__snapshots__/checkbox/patternhub/checkbox-properties-should-match-screenshot.png b/__snapshots__/checkbox/patternhub/checkbox-properties-should-match-screenshot.png
diff --git a/...shots__/custom-select/patternhub/custom-select-docs-should-match-screenshot.png b/...shots__/custom-select/patternhub/custom-select-docs-should-match-screenshot.png
diff --git a/...s__/custom-select/patternhub/custom-select-overview-should-match-screenshot.png b/...s__/custom-select/patternhub/custom-select-overview-should-match-screenshot.png
diff --git a/..._/custom-select/patternhub/custom-select-properties-should-match-screenshot.png b/..._/custom-select/patternhub/custom-select-properties-should-match-screenshot.png
diff --git a/__snapshots__/divider/patternhub/divider-docs-should-match-screenshot.png b/__snapshots__/divider/patternhub/divider-docs-should-match-screenshot.png
diff --git a/__snapshots__/divider/patternhub/divider-overview-should-match-screenshot.png b/__snapshots__/divider/patternhub/divider-overview-should-match-screenshot.png
diff --git a/__snapshots__/divider/patternhub/divider-properties-should-match-screenshot.png b/__snapshots__/divider/patternhub/divider-properties-should-match-screenshot.png
diff --git a/...trast/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png b/...trast/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png
diff --git a/...highContrast/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/...highContrast/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
@@ -1,8 +1,5 @@
 - main:
   - heading "DBDivider" [level=1]
   - link "Density"
-  - text: Functional (Default) Regular Expressive
   - link "Variant"
-  - text: (Default) Adaptive - Horizontal Adaptive - Vertical
-  - link "Emphasis"
-  - text: (Default) Weak Strong
+  - link "Emphasis"
diff --git a/...omium/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png b/...omium/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png
diff --git a/...ase/chromium/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/...ase/chromium/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
@@ -1,8 +1,5 @@
 - main:
   - heading "DBDivider" [level=1]
   - link "Density"
-  - text: Functional (Default) Regular Expressive
   - link "Variant"
-  - text: (Default) Adaptive - Horizontal Adaptive - Vertical
-  - link "Emphasis"
-  - text: (Default) Weak Strong
+  - link "Emphasis"
diff --git a/...refox/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png b/...refox/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png
diff --git a/...case/firefox/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/...case/firefox/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
@@ -1,8 +1,5 @@
 - main:
   - heading "DBDivider" [level=1]
   - link "Density"
-  - text: Functional (Default) Regular Expressive
   - link "Variant"
-  - text: (Default) Adaptive - Horizontal Adaptive - Vertical
-  - link "Emphasis"
-  - text: (Default) Weak Strong
+  - link "Emphasis"
diff --git a/...hrome/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png b/...hrome/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png
diff --git a/...obile-chrome/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/...obile-chrome/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
@@ -1,8 +1,5 @@
 - main:
   - heading "DBDivider" [level=1]
   - link "Density"
-  - text: Functional (Default) Regular Expressive
   - link "Variant"
-  - text: (Default) Adaptive - Horizontal Adaptive - Vertical
-  - link "Emphasis"
-  - text: (Default) Weak Strong
+  - link "Emphasis"
diff --git a/...obile-safari/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/...obile-safari/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
@@ -1,8 +1,5 @@
 - main:
   - heading "DBDivider" [level=1]
   - link "Density"
-  - text: Functional (Default) Regular Expressive
   - link "Variant"
-  - text: (Default) Adaptive - Horizontal Adaptive - Vertical
-  - link "Emphasis"
-  - text: (Default) Weak Strong
+  - link "Emphasis"
diff --git a/...wcase/webkit/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml b/...wcase/webkit/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
@@ -1,8 +1,5 @@
 - main:
   - heading "DBDivider" [level=1]
   - link "Density"
-  - text: Functional (Default) Regular Expressive
   - link "Variant"
-  - text: (Default) Adaptive - Horizontal Adaptive - Vertical
-  - link "Emphasis"
-  - text: (Default) Weak Strong
+  - link "Emphasis"
diff --git a/__snapshots__/drawer/patternhub/drawer-docs-should-match-screenshot.png b/__snapshots__/drawer/patternhub/drawer-docs-should-match-screenshot.png
diff --git a/__snapshots__/drawer/patternhub/drawer-overview-should-match-screenshot.png b/__snapshots__/drawer/patternhub/drawer-overview-should-match-screenshot.png
diff --git a/__snapshots__/drawer/patternhub/drawer-properties-should-match-screenshot.png b/__snapshots__/drawer/patternhub/drawer-properties-should-match-screenshot.png
diff --git a/__snapshots__/footer/component/chromium/DBFooter-should-have-same-aria-snapshot.yaml b/__snapshots__/footer/component/chromium/DBFooter-should-have-same-aria-snapshot.yaml
@@ -0,0 +1,4 @@
+- contentinfo:
+  - text: Footer Navigation Content
+  - paragraph: © Deutsche Bahn AG
+  - text: Legal Links
diff --git a/.../component/chromium/DBFooter-should-match-screenshot-with-only-meta-section.png b/.../component/chromium/DBFooter-should-match-screenshot-with-only-meta-section.png
diff --git a/...ooter/component/chromium/DBFooter-should-match-screenshot-without-copyright.png b/...ooter/component/chromium/DBFooter-should-match-screenshot-without-copyright.png
diff --git a/__snapshots__/footer/component/chromium/DBFooter-should-match-screenshot.png b/__snapshots__/footer/component/chromium/DBFooter-should-match-screenshot.png
diff --git a/__snapshots__/footer/component/firefox/DBFooter-should-have-same-aria-snapshot.yaml b/__snapshots__/footer/component/firefox/DBFooter-should-have-same-aria-snapshot.yaml
@@ -0,0 +1,4 @@
+- contentinfo:
+  - text: Footer Navigation Content
+  - paragraph: © Deutsche Bahn AG
+  - text: Legal Links
diff --git a/...r/component/firefox/DBFooter-should-match-screenshot-with-only-meta-section.png b/...r/component/firefox/DBFooter-should-match-screenshot-with-only-meta-section.png
diff --git a/...footer/component/firefox/DBFooter-should-match-screenshot-without-copyright.png b/...footer/component/firefox/DBFooter-should-match-screenshot-without-copyright.png
diff --git a/__snapshots__/footer/component/firefox/DBFooter-should-match-screenshot.png b/__snapshots__/footer/component/firefox/DBFooter-should-match-screenshot.png
diff --git a/__snapshots__/footer/component/mobile-chrome/DBFooter-should-have-same-aria-snapshot.yaml b/__snapshots__/footer/component/mobile-chrome/DBFooter-should-have-same-aria-snapshot.yaml
@@ -0,0 +1,4 @@
+- contentinfo:
+  - text: Footer Navigation Content
+  - paragraph: © Deutsche Bahn AG
+  - text: Legal Links
diff --git a/...onent/mobile-chrome/DBFooter-should-match-screenshot-with-only-meta-section.png b/...onent/mobile-chrome/DBFooter-should-match-screenshot-with-only-meta-section.png
diff --git a/.../component/mobile-chrome/DBFooter-should-match-screenshot-without-copyright.png b/.../component/mobile-chrome/DBFooter-should-match-screenshot-without-copyright.png
diff --git a/__snapshots__/footer/component/mobile-chrome/DBFooter-should-match-screenshot.png b/__snapshots__/footer/component/mobile-chrome/DBFooter-should-match-screenshot.png
diff --git a/__snapshots__/footer/patternhub/footer-docs-should-match-screenshot.png b/__snapshots__/footer/patternhub/footer-docs-should-match-screenshot.png
diff --git a/__snapshots__/footer/patternhub/footer-overview-should-match-screenshot.png b/__snapshots__/footer/patternhub/footer-overview-should-match-screenshot.png
diff --git a/__snapshots__/footer/patternhub/footer-properties-should-match-screenshot.png b/__snapshots__/footer/patternhub/footer-properties-should-match-screenshot.png
diff --git a/__snapshots__/header/patternhub/header-docs-should-match-screenshot.png b/__snapshots__/header/patternhub/header-docs-should-match-screenshot.png
diff --git a/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png b/__snapshots__/header/patternhub/header-overview-should-match-screenshot.png
diff --git a/__snapshots__/header/patternhub/header-properties-should-match-screenshot.png b/__snapshots__/header/patternhub/header-properties-should-match-screenshot.png
diff --git a/__snapshots__/infotext/patternhub/infotext-docs-should-match-screenshot.png b/__snapshots__/infotext/patternhub/infotext-docs-should-match-screenshot.png
diff --git a/__snapshots__/infotext/patternhub/infotext-overview-should-match-screenshot.png b/__snapshots__/infotext/patternhub/infotext-overview-should-match-screenshot.png
diff --git a/__snapshots__/infotext/patternhub/infotext-properties-should-match-screenshot.png b/__snapshots__/infotext/patternhub/infotext-properties-should-match-screenshot.png
diff --git a/__snapshots__/input/patternhub/input-docs-should-match-screenshot.png b/__snapshots__/input/patternhub/input-docs-should-match-screenshot.png
diff --git a/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png b/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png
diff --git a/__snapshots__/input/patternhub/input-properties-should-match-screenshot.png b/__snapshots__/input/patternhub/input-properties-should-match-screenshot.png
diff --git a/...se/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png b/...se/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png
diff --git a/__snapshots__/link/patternhub/link-docs-should-match-screenshot.png b/__snapshots__/link/patternhub/link-docs-should-match-screenshot.png
diff --git a/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png b/__snapshots__/link/patternhub/link-overview-should-match-screenshot.png
diff --git a/__snapshots__/link/patternhub/link-properties-should-match-screenshot.png b/__snapshots__/link/patternhub/link-properties-should-match-screenshot.png
diff --git a/...s__/navigation-item/patternhub/navigation-item-docs-should-match-screenshot.png b/...s__/navigation-item/patternhub/navigation-item-docs-should-match-screenshot.png
diff --git a/...navigation-item/patternhub/navigation-item-overview-should-match-screenshot.png b/...navigation-item/patternhub/navigation-item-overview-should-match-screenshot.png
diff --git a/...vigation-item/patternhub/navigation-item-properties-should-match-screenshot.png b/...vigation-item/patternhub/navigation-item-properties-should-match-screenshot.png
diff --git a/__snapshots__/navigation/patternhub/navigation-docs-should-match-screenshot.png b/__snapshots__/navigation/patternhub/navigation-docs-should-match-screenshot.png
diff --git a/...apshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png b/...apshots__/navigation/patternhub/navigation-overview-should-match-screenshot.png
diff --git a/...shots__/navigation/patternhub/navigation-properties-should-match-screenshot.png b/...shots__/navigation/patternhub/navigation-properties-should-match-screenshot.png
diff --git a/...apshots__/notification/patternhub/notification-docs-should-match-screenshot.png b/...apshots__/notification/patternhub/notification-docs-should-match-screenshot.png
diff --git a/...ots__/notification/patternhub/notification-overview-should-match-screenshot.png b/...ots__/notification/patternhub/notification-overview-should-match-screenshot.png
diff --git a/...s__/notification/patternhub/notification-properties-should-match-screenshot.png b/...s__/notification/patternhub/notification-properties-should-match-screenshot.png
diff --git a/__snapshots__/popover/patternhub/popover-docs-should-match-screenshot.png b/__snapshots__/popover/patternhub/popover-docs-should-match-screenshot.png
diff --git a/__snapshots__/popover/patternhub/popover-overview-should-match-screenshot.png b/__snapshots__/popover/patternhub/popover-overview-should-match-screenshot.png
diff --git a/__snapshots__/popover/patternhub/popover-properties-should-match-screenshot.png b/__snapshots__/popover/patternhub/popover-properties-should-match-screenshot.png
diff --git a/__snapshots__/radio/patternhub/radio-docs-should-match-screenshot.png b/__snapshots__/radio/patternhub/radio-docs-should-match-screenshot.png
diff --git a/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png b/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png
diff --git a/__snapshots__/radio/patternhub/radio-properties-should-match-screenshot.png b/__snapshots__/radio/patternhub/radio-properties-should-match-screenshot.png
diff --git a/__snapshots__/section/patternhub/section-docs-should-match-screenshot.png b/__snapshots__/section/patternhub/section-docs-should-match-screenshot.png
diff --git a/__snapshots__/section/patternhub/section-overview-should-match-screenshot.png b/__snapshots__/section/patternhub/section-overview-should-match-screenshot.png
diff --git a/__snapshots__/section/patternhub/section-properties-should-match-screenshot.png b/__snapshots__/section/patternhub/section-properties-should-match-screenshot.png
diff --git a/__snapshots__/select/patternhub/select-docs-should-match-screenshot.png b/__snapshots__/select/patternhub/select-docs-should-match-screenshot.png
diff --git a/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png b/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png
diff --git a/__snapshots__/select/patternhub/select-properties-should-match-screenshot.png b/__snapshots__/select/patternhub/select-properties-should-match-screenshot.png
diff --git a/__snapshots__/stack/patternhub/stack-docs-should-match-screenshot.png b/__snapshots__/stack/patternhub/stack-docs-should-match-screenshot.png
diff --git a/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png b/__snapshots__/stack/patternhub/stack-overview-should-match-screenshot.png
diff --git a/__snapshots__/stack/patternhub/stack-properties-should-match-screenshot.png b/__snapshots__/stack/patternhub/stack-properties-should-match-screenshot.png
diff --git a/__snapshots__/switch/component/firefox/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/component/firefox/DBSwitch-should-match-screenshot.png
diff --git a/__snapshots__/switch/patternhub/switch-docs-should-match-screenshot.png b/__snapshots__/switch/patternhub/switch-docs-should-match-screenshot.png
diff --git a/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png b/__snapshots__/switch/patternhub/switch-overview-should-match-screenshot.png
diff --git a/__snapshots__/switch/patternhub/switch-properties-should-match-screenshot.png b/__snapshots__/switch/patternhub/switch-properties-should-match-screenshot.png
diff --git a/...ontrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/...ontrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
diff --git a/...hromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/...hromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
diff --git a/...firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/...firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
diff --git a/...-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/...-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
diff --git a/__snapshots__/tab-item/patternhub/tab-item-docs-should-match-screenshot.png b/__snapshots__/tab-item/patternhub/tab-item-docs-should-match-screenshot.png
diff --git a/__snapshots__/tab-item/patternhub/tab-item-overview-should-match-screenshot.png b/__snapshots__/tab-item/patternhub/tab-item-overview-should-match-screenshot.png
diff --git a/__snapshots__/tab-item/patternhub/tab-item-properties-should-match-screenshot.png b/__snapshots__/tab-item/patternhub/tab-item-properties-should-match-screenshot.png
diff --git a/__snapshots__/tabs/patternhub/tabs-docs-should-match-screenshot.png b/__snapshots__/tabs/patternhub/tabs-docs-should-match-screenshot.png
diff --git a/__snapshots__/tabs/patternhub/tabs-overview-should-match-screenshot.png b/__snapshots__/tabs/patternhub/tabs-overview-should-match-screenshot.png
diff --git a/__snapshots__/tabs/patternhub/tabs-properties-should-match-screenshot.png b/__snapshots__/tabs/patternhub/tabs-properties-should-match-screenshot.png
diff --git a/__snapshots__/tag/patternhub/tag-docs-should-match-screenshot.png b/__snapshots__/tag/patternhub/tag-docs-should-match-screenshot.png
diff --git a/__snapshots__/tag/patternhub/tag-overview-should-match-screenshot.png b/__snapshots__/tag/patternhub/tag-overview-should-match-screenshot.png
diff --git a/__snapshots__/tag/patternhub/tag-properties-should-match-screenshot.png b/__snapshots__/tag/patternhub/tag-properties-should-match-screenshot.png
diff --git a/__snapshots__/textarea/patternhub/textarea-docs-should-match-screenshot.png b/__snapshots__/textarea/patternhub/textarea-docs-should-match-screenshot.png
diff --git a/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png b/__snapshots__/textarea/patternhub/textarea-overview-should-match-screenshot.png
diff --git a/__snapshots__/textarea/patternhub/textarea-properties-should-match-screenshot.png b/__snapshots__/textarea/patternhub/textarea-properties-should-match-screenshot.png
diff --git a/__snapshots__/tooltip/patternhub/tooltip-docs-should-match-screenshot.png b/__snapshots__/tooltip/patternhub/tooltip-docs-should-match-screenshot.png
diff --git a/__snapshots__/tooltip/patternhub/tooltip-overview-should-match-screenshot.png b/__snapshots__/tooltip/patternhub/tooltip-overview-should-match-screenshot.png
diff --git a/__snapshots__/tooltip/patternhub/tooltip-properties-should-match-screenshot.png b/__snapshots__/tooltip/patternhub/tooltip-properties-should-match-screenshot.png
diff --git a/packages/components/scripts/post-build/components.ts b/packages/components/scripts/post-build/components.ts
@@ -352,6 +352,9 @@ export const getComponents = (): Component[] => [
 			}
 		}
 	},
+	{
+		name: 'footer'
+	},
 	{
 		name: 'brand'
 	},

diff --git a/packages/components/scripts/post-build/vue.ts b/packages/components/scripts/post-build/vue.ts
@@ -24,6 +24,28 @@ export default (tmp?: boolean) => {
 				to: `vue`
 			});
 
+			// Transform React props syntax to Vue slots object for footer component
+			if (componentName === 'footer') {
+				// Handle footer with both main and meta slots
+				replaceInFileSync({
+					files: `../../${outputFolder}/vue/src/components/${componentName}/${componentName}.spec.tsx`,
+					from: /main=\{(<div>.*?<\/div>)\}\s*meta=\{(<div>.*?<\/div>)\}/gs,
+					to: '{...{ slots: { main: () => $1, meta: () => $2 } }}'
+				});
+				// Handle footer with only meta slot (for compOnlyMeta)
+				replaceInFileSync({
+					files: `../../${outputFolder}/vue/src/components/${componentName}/${componentName}.spec.tsx`,
+					from: /(\s+)meta=\{(<div>.*?<\/div>)\}(\s*\/?>\s*)/gs,
+					to: '$1{...{ slots: { meta: () => $2 } }}$3'
+				});
+				// Handle footer with only main slot
+				replaceInFileSync({
+					files: `../../${outputFolder}/vue/src/components/${componentName}/${componentName}.spec.tsx`,
+					from: /(\s+)main=\{(<div>.*?<\/div>)\}(\s*\/?>\s*)/gs,
+					to: '$1{...{ slots: { main: () => $2 } }}$3'
+				});
+			}
+
 			replaceInFileSync({
 				files: `../../${outputFolder}/vue/src/components/${componentName}/index.ts`,
 				from: `./${componentName}`,
-Original file line number
+Diff line change
@@ Expand Up / @@ -352,6 +352,9 @@ export const getComponents = (): Component[] => [ @@
     			}
     		}
     	},
+    	{
+    		name: 'footer'
+    	},
     	{
     		name: 'brand'
     	},
@@ Expand Down @@