Navigieren auf digital.sbb.ch

Beta

Loading Indicator

1. Was macht die Komponente?

  • Bietet ein Menuitem für den Einsatz in verschiedenen Modulen.

2. Wann soll die Komponente eingesetzt werden?

  • In Menüs, z.B. im Header in der Ausprägung «Suite» oder der Sidebar.

3. Regeln

  • Icons können vor dem Text optional eingesetzt werden, um die Navigation klarer zu machen.

4. Ausprägungen und Zustände

Die Komponente hat folgende Zustände:

  • Default
  • Hover
  • Active

4.1 Standard

Darstellung der Komponente Menuitem in der Standard Ausprägung
  • Das hier gewählte Icon soll dann eingesetzt werden, wenn das Menuitem den bestehenden Content ersetzt.

Design Spezifikation

4.2 Icon

Darstellung der Komponente Menuitem in der Ausprägung mit Icons
  • Das hier gewählte Icon soll dann eingesetzt werden, wenn der Inhalt hinter dem Menuitem extern (z.B. in einem neuen Tab) geöffnet wird.

Design Spezifikation