beta

Breadcrumb

1. Was macht das Modul?

  • Dient zur Anzeige der Navigationshierarchie der aktuellen Seite.

2. Wann soll das Modul eingesetzt werden?

  • Auf jeder Seite, bei denen der Benutzer schnell auf eine Schwester-oder Eltern-Seite navigieren können soll.

3. Regeln

  • Der Breadcrumb ist immer direkt unter dem Header zu positionieren. Ausnahme wenn eine Ghettobox angezeigt wird, dann folgt der Breadcrumb unmittelbar nach der letzten Ghettobox.
  • Der Breadcrumb kann bei langen Einträgen mehrzeilig werden.
  • Bei Desktop und Tablet werden immer alle Ebenen angezeigt.
  • Auf Mobile wird lediglich die letzte Ebenen ausgeschrieben. Vorangehende Ebenen werden durch eine einzige mit «...» dargestellt. Bei Klick auf «...» werden alle Zwischenebenen eingeblendet.
  • Falls die horizontale Breite des Viewports auf Mobile nicht ausreicht um alle Ebenen anzuzeigen, wird der Breadcrumb-Content scollbar.

4. Ausprägungen und Zustände

Dieses Modul hat folgende Zustände:

  • Default
  • Hover

Beim Viewport ‹Mobile› gibt es folgende Zustände:

  • Full
  • Overflow

4.1 Standard

Design Spezifikation

Code Spezifikation

In Bearbeitung.

4.2 Mit Schwesterseiten

Diese Ausprägung hat zusätzlich folgende Zustände:

  • Expanded
  • Klick auf Bezeichner oder Pfeil öffnet das Dropdown.
  • Im Dropdown sind alle Schwesterseiten aufgelistet.
  • Ein Klick ausserhalb des Dropdowns schliesst dieses wieder.
  • Die aktive Seite wird im Dropdown hervorgehoben.

Design Spezifikation

Code Spezifikation

In Bearbeitung.