Zur Navigation
Zum Inhalt
Kontakt
Menu
Komponente finden
Übersicht Lean
Komponente finden
Suchbegriff eingeben
Basics
More Info
Brand
More Info
Divider
More Info
Icon
More Info
Text
More Info
Typografie
Components
More Info
Accordion
More Info
Autocompletion
More Info
Breadcrumb
More Info
Button
More Info
Buttonbar
More Info
Checkbox
More Info
Checkboxpanel
More Info
Chip
More Info
Contextmenu
More Info
Datepicker
More Info
Dialog
More Info
Fieldset
More Info
Fileselector
More Info
Filter
More Info
Header
More Info
Link
More Info
Loading Indicator
More Info
Menuitem
More Info
Notification
More Info
Pagination
More Info
Processflow
More Info
Radiobutton
More Info
Radiobuttonpanel
More Info
Select (Dropdown)
More Info
Sidebar
More Info
Slider
More Info
Status
More Info
Tab
More Info
Table
More Info
Tag
More Info
Textarea
More Info
Textexpand
More Info
Textfield
More Info
Timefield
More Info
Toggle
More Info
Tooltip
More Info
Tree
More Info
Usermenu
Prinzipien
Grundlagen
Barrierefreiheit
Design System
Guidelines
Deutsch
Français
Italiano
English
Unsere Gestaltungsprinzipien
Nutzerzentriert
Wiedererkennbar
Inklusiv
Reduziert
Ganzheitlich
Selbsterklärend
Aufgabenorientiert
Passend
SBB Markenportal
Logo
Digitale Uhr
Nutzungsrechte
Basis-Farben
Funktionale Farben
Off-Brand Farben
Icons
Fahrplan-Icons
Piktogramme
Über Barrierefreiheit
Über diesen Guide
Kontakt
Weitere Informationen
Product Owner
User Research
Interaction Design
Visual Design
Development
Content Design
Testing
Was ist ein Design System?
Designing
Coding
FAQ
Hilfe
Prozess
Contribution
Kontakt
Übersicht
Basis
Komponenten
Übersicht
Releases
Design Tokens
Komponenten
Übersicht
Basis
Informationen
Übersicht
Basis
Komponenten
Sinn & Zweck
Community Assets
Anleitung
Power-Apps
Digitale Werbebanner
SAP
App Icons
Breadcrumb
Übersicht
Was macht die Komponente?
Dient zur Anzeige der Navigationshierarchie der aktuellen Seite.
Wann soll die Komponente eingesetzt werden?
Auf jeder Seite, bei denen die Benutzer*innen schnell auf die Eltern-Seite navigieren können sollen.
Regeln
Der Breadcrumb ist immer direkt unter dem
Header
zu positionieren.
Der Breadcrumb kann bei langen Einträgen mehrzeilig werden.
Es werden immer alle Ebenen angezeigt.
Zustände und Varianten
Zustände
Die Komponente hat folgende Zustände:
Default
Hover
Varianten
Standard
Spezifikationen
Design
Code
Impressum
Kontakt
Datenschutz
Cookie Einstellungen