Navigieren auf digital.sbb.ch

Beta

Card

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

1. Was macht das Element?

  • Gruppiert Funktionen/Informationen für einen schnellen Zugriff auf diese.

2. Wann soll das Element eingesetzt werden?

  • Zur Sammlung/Strukturierung von Informationen zu einem Thema.
  • Wenn mindestens eine Interaktion mit dem Modul möglich ist (z.B. Details aufrufen).

3. Regeln

  • Optional kann eine zusätzliche "Call to Action" unterhalb der Card angezeigt werden
  • Der Titel ist optional
  • Es können mehrere Cards nacheinander dargestellt werden (Horizontal Scrolling)
  • Der Schatten ist optional und sollte nur eingesetzt werden, wenn das Modul über einem Element dargestellt wird.

4. Ausprägungen

4.1 Default

Darstellung der Card, Default
Darstellung der Card, Default

Design Spezifikation

4.2 Ohne Call to Action

Darstellung der Card, ohne Call to Action
Darstellung der Card, ohne Call to Action

Design Spezifikation

4.3 Ohne Titel

Darstellung der Card, ohne Titel
Darstellung der Card, ohne Titel

Design Spezifikation

4.4 Nur Card

Darstellung der Card, nur Card
Darstellung der Card, nur Card

Design Spezifikation

Daten konnten nicht geladen werden.
https://raw.githubusercontent.com/sbb-design-systems/design-system-mobile-documentation/master/documentation/modules/card/card-de.md