Die MarkeLink target opens in a new window. SBB Markenportal Logo Digitale Uhr NutzungsrechteFarben Basis-Farben Zusätzliche Farben Off-Brand FarbenAssets Icons Fahrplan-Icons PiktogrammeSprache Über UX Writing Button- und Linktexte Benachrichtigungen Formulare und Eingaben Fortschrittsanzeige Digitale Wörterliste
Einführung Über Barrierefreiheit Über diesen Guide Kontakt Weitere InformationenRollen Product Owner User Research Interaction Design Visual Design Development Content Design Testing
Erste Schritte Was ist ein Design System? Designing Coding FAQ HilfeOrganisation Prozess Contribution KontaktMobile Übersicht Basis KomponentenLyne Übersicht Was ist Lyne? Releases Presets & Themes Design Tokens Komponenten TemplatesMaps Übersicht Basis InformationenPatterns Übersicht
Guides Power-Apps Digitale Werbebanner SAP AI Design: GrundlagenVorschriften App Icons
Loadingindicator.
Übersicht
Was macht die Komponente?
Zeigt an, dass eine länger dauernde Aktion durchgeführt wird.
Wann soll die Komponente eingesetzt werden?
Beim Absenden von Formularen.
Beim Laden oder Aktualisieren eines einzelnen Bereichs einer Seite.
Regeln
Benötigt das System länger als 100ms um eine Antwort anzuzeigen, muss ein Loading Indicator angezeigt werden.
Der Loading Indicator ist immer auf einer weissen, leicht transparenten Fläche zu verwenden.
Es darf pro Seite/Viewport nur ein Loading Indicator angezeigt werden
Die weisse Fläche überdeckt den Bereich, welcher geladen oder aktualisiert wird.
Standardmässig wird der Loading Indicator «Medium» eingesetzt.
Varianten
Varianten
Tiny
Small
Medium
Big
Spezifikationen
Link target opens in a new window.DesignLink target opens in a new window.Code