Skip to content

1425 footer concept phase 2 #5655

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
sarahbrng wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

1425 footer concept phase 2 #5655

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
417f372
chore: ignore .vscode and untrack settings.json
sarahbrng Dec 17, 2025
1349430
feat: add DBFooter component with Angular, React, and Vue documentati…
sarahbrng Dec 18, 2025
624e5bc
feat: add footer component to the components list
sarahbrng Dec 18, 2025
9493f7c
auto update snapshots (#5656)
github-actions[bot] Dec 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ node_modules
npm-debug.log
.history
.idea
.vscode/
**/build/
**/dist/
build-old/
Expand Down
8 changes: 0 additions & 8 deletions .vscode/settings.json
View file
Open in desktop

This file was deleted.

Binary file modified ...hContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 8 additions & 14 deletions ...m-highContrast/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Binary file modified .../chromium/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 8 additions & 14 deletions ...wcase/chromium/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Binary file modified ...e/firefox/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 8 additions & 14 deletions ...owcase/firefox/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Binary file modified ...le-chrome/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 8 additions & 14 deletions .../mobile-chrome/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Binary file modified ...le-safari/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 8 additions & 14 deletions .../mobile-safari/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
22 changes: 8 additions & 14 deletions ...howcase/webkit/should-have-same-aria-snapshot/DBBadge-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Binary file modified ...trast/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 1 addition & 4 deletions ...highContrast/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"
Binary file modified ...omium/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 1 addition & 4 deletions ...ase/chromium/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"
Binary file modified ...refox/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 1 addition & 4 deletions ...case/firefox/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"
Binary file modified ...hrome/DBDivider-should-match-screenshot-1/DBDivider-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 1 addition & 4 deletions ...obile-chrome/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"
5 changes: 1 addition & 4 deletions ...obile-safari/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"
5 changes: 1 addition & 4 deletions ...wcase/webkit/should-have-same-aria-snapshot/DBDivider-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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"
4 changes: 4 additions & 0 deletions __snapshots__/footer/component/chromium/DBFooter-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
- contentinfo:
- text: Footer Navigation Content
- paragraph: © Deutsche Bahn AG
- text: Legal Links
Binary file added .../component/chromium/DBFooter-should-match-screenshot-with-only-meta-section.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...ooter/component/chromium/DBFooter-should-match-screenshot-without-copyright.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added __snapshots__/footer/component/chromium/DBFooter-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions __snapshots__/footer/component/firefox/DBFooter-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
- contentinfo:
- text: Footer Navigation Content
- paragraph: © Deutsche Bahn AG
- text: Legal Links
Binary file added ...r/component/firefox/DBFooter-should-match-screenshot-with-only-meta-section.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...footer/component/firefox/DBFooter-should-match-screenshot-without-copyright.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added __snapshots__/footer/component/firefox/DBFooter-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions __snapshots__/footer/component/mobile-chrome/DBFooter-should-have-same-aria-snapshot.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
- contentinfo:
- text: Footer Navigation Content
- paragraph: © Deutsche Bahn AG
- text: Legal Links
Binary file added ...onent/mobile-chrome/DBFooter-should-match-screenshot-with-only-meta-section.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added .../component/mobile-chrome/DBFooter-should-match-screenshot-without-copyright.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added __snapshots__/footer/component/mobile-chrome/DBFooter-should-match-screenshot.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions packages/components/scripts/post-build/components.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -352,6 +352,9 @@ export const getComponents = (): Component[] => [
}
}
},
{
name: 'footer'
},
{
name: 'brand'
},
Expand Down
Loading
Loading