Zur NavigationZum InhaltKontaktMenuKomponente findenÜbersicht Web (Legacy)PrinzipienGrundlagenBarrierefreiheitDesign SystemGuidelinesDeutschFrançaisItalianoEnglishUnsere GestaltungsprinzipienNutzerzentriertWiedererkennbarInklusivReduziertGanzheitlichSelbsterklärendAufgabenorientiertPassendSBB MarkenportalLogoDigitale UhrNutzungsrechteBasis-FarbenFunktionale FarbenOff-Brand FarbenIconsFahrplan-IconsPiktogrammeÜber BarrierefreiheitÜber diesen GuideKontaktWeitere InformationenProduct OwnerUser ResearchInteraction DesignVisual DesignDevelopmentContent DesignTestingWas ist ein Design System?DesigningCodingFAQHilfeProzessContributionKontaktÜbersichtBasisKomponentenÜbersichtReleasesDesign TokensKomponentenÜbersichtBasisInformationenÜbersichtBasisKomponentenSinn & ZweckCommunity AssetsAnleitungPower-AppsDigitale WerbebannerSAPApp IconsNotification Übersicht
Was macht die Komponente?
Dient zur Anzeige von Meldungen welche eine ganze Seite betreffen.
Wann soll die Komponente eingesetzt werden?
Wenn ein Benutzer auf einer Seite eine Aktion ausgelöst hat und vom System ein Feedback erhalten soll.
Regeln
Notifications erscheinen immer erst nach dem Auslösen einer Aktion durch den Benutzer.
Die Breite entspricht immer dem Content-Bereich.
Die Höhe richtet sich nach der Textlänge der Meldung.
Zustände und Varianten
Varianten
Bestätigung
Hinweis
Fehler
Fehler mit Sprungmarke
* Die einzelnen Sprungmarken werden durch ein «/» getrennt.{.lead} * Beim Klick auf eine Sprungmarke wird direkt zum Ursprung des entsprechenden Fehlers gescrollt.{.lead} * Das Sprungmarkenziel ist immer auf derselben Seite wie die Notification (kein Absprung auf andere Seiten).{.lead}