Navigieren auf digital.sbb.ch

Header

Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English

1. Was macht das Modul?

  • Bietet den Benutzer*innen jederzeit zugängliche Informationen und Funktionen an.

2. Wann soll das Modul eingesetzt werden?

  • Ein Header ist bei jeder Anwendung einzufügen.

3. Regeln

  • Der Header besteht aus App-Chooser (optional, bei Applikationsgruppen), Umgebungsbanner (ausser Prod), Applikationsname und Version, Hauptnavigation (falls notwendig), Suche (optional), Anzeige für Benachrichtigungen (optional), Usermenü und Logo.
  • Bei Tablet wird die Hauptnavigation in die Burgernavigation verschoben. Bei Mobile zusätzlich noch die Suche, Benachrischtigungen und das Usermenü.
  • Der Applikationsname wird bei Mobile mit "..." abgeschnitten, wenn es nicht genügend Platz hat.

4. Ausprägungen und Zustände

4.1 Standard

Diese Ausprägung hat folgende Zustände:

  • Default
Darstellung des Moduls Header in der Standard Ausprägung

Design Spezifikation

Code Spezifikation

4.2 Submenu

Diese Ausprägung hat folgende Zustände:

  • Collapsed
  • Expanded
  • Hover
Darstellung des Moduls Header in der Ausprägung mit Unternavigation

Design Spezifikation

Code Spezifikation

4.3 Suite

Diese Ausprägung hat folgende Zustände:

  • Collapsed
  • Expanded
Darstellung des Moduls Header mit der Navigation einer Suite zum Wechsel zwischen Anwendungen

Design Spezifikation

Code Spezifikation