Zur Navigation
Zum Inhalt
Kontakt
Menu
Find component
Overview Web (Legacy)
Find component
Enter keyword
Basics
More Info
Brand
More Info
Divider
More Info
Typografie
Components
More Info
Accordion
More Info
Autocompletion
More Info
Breadcrumb
More Info
Button
More Info
Captcha
More Info
Checkbox
More Info
Checkboxpanel
More Info
Datepicker
More Info
Lightbox
More Info
Fileselector
More Info
Ghettobox
More Info
Link
More Info
Loading Indicator
More Info
Mediagallery
More Info
Mediaslider
More Info
NBC
More Info
Notification
More Info
Pagination
More Info
Processflow
More Info
Radiobutton
More Info
Radiobuttonpanel
More Info
Searchfield
More Info
Select
More Info
Tab
More Info
Table
More Info
Tag
More Info
Textarea
More Info
Textexpand
More Info
Textfield
More Info
Timefield
More Info
Toggle
More Info
Tooltip
More Info
Usermenu
Principles
Foundation
Accessibility
Design System
Guidelines
Deutsch
Français
Italiano
English
Our design principles
User-centred
Recognisable
Inclusive
Reduced
Holistic
Self-explanatory
Task-oriented
Appropriate
SBB Brand portal
Logo
Digital clock
Rights of use
Base colors
Functional colors
Off brand colors
Icons
Timetable icons
Pictograms
About accessibility
Über diesen Guide
Contact
Further information
Product Owner
User Research
Interaction Design
Visual Design
Development
Content Design
Testing
What is a design system?
Designing
Coding
FAQ
Help
Process
Contribution
Contact
Overview
Base
Components
Overview
Releases
Design Tokens
Components
Overview
Base
Informationen
Overview
Base
Components
Sense & Purpose
Community Assets
Instructions
App Icons
Power-Apps
Digital banner ads
SAP Design Guidelines
Notification
Overview
What does the component do?
It is used to display messages that concern an entire page.
When should the component be used?
When a user has triggered an action on a page and should receive feedback from the system.
Rules
Notifications only ever appear after an action has been triggered by the user.
The width is always the same as the content area.
The height is based on the length of the message text.
States and variants
Variants
Confirmation
Information
Error
Error with jump marker
The individual jump markers are separated by a ‘/’.
Clicking on a skip marker scrolls directly to the cause of the error.
The jump marker target is always on the same page as the notification (no jumping to other pages).
Specification
Design
Code
Imprint
Contact
Data privacy
Cookie settings