Navigieren auf digital.sbb.ch

Breadcrumb

1. Was macht die Komponente?

  • Dient zur Anzeige der Navigationshierarchie der aktuellen Seite.

2. Wann soll die Komponente eingesetzt werden?

  • Auf jeder Seite, bei denen die Benutzer*innen schnell auf die Eltern-Seite navigieren können sollen.

3. 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.

4. Ausprägungen und Zustände

Die Komponente hat folgende Zustände:

  • Default
  • Hover

4.1 Standard

Darstellung der Komponente Breadcrumb

Design Spezifikation

Code Spezifikation