Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Übersicht Basis Komponenten Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Notification Box

Übersicht

Was macht die Komponente?

  • Anzeige von wichtigen Informationen.

Wann soll die Komponente eingesetzt werden?

  • Bei Informationen zum Status der Applikation.
  • Beim Auftreten von technischen oder fachlichen Fehlern.

Regeln

  • Die Notification-Box lässt sich einmal schliessen und erscheint nicht mehr.
  • Text hat maximal 3 Zeilen, zusätzliche Informationen werden in einem Bottom-Sheet angezeigt.
Varianten

Zustände

Die Komponente hat folgende Zustände:

  • Alert
  • Warning
  • Success
  • Information

Varianten

Die Komponente hat folgende Varianten:

  • Titel: Optional
  • Close-Button: Optional
  • Detail-Link: Optional
  • Interaction: Optional

Notification-Box mit Titel

Notification-Box, mit Titel
Notification-Box, mit Titel

Notification-Box ohne Titel

Notification-Box, ohne Titel
Notification-Box, ohne Titel

Notification-Box mit Interaktion und Titel

Notification-Box, mit Titel
Notification-Box, mit Titel

Notification-Box mit Interaktion ohne Titel

Notification-Box, ohne Titel
Notification-Box, ohne Titel

Spezifikationen

Design

Impressum Kontakt Datenschutz Cookie Einstellungen