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 Loading indicator

Ü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 einer gesamten Seite.
  • 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.
  • Es darf pro Seite nur ein Loading Indicator angezeigt werden.
  • Wenn mehrere Bereiche Daten nachladen, darf nur ein Loading Indicator über die ganze Seite dargestellt werden.
Varianten

Varianten

  • Farbe: Default (red) / Grey / White
  • Grösse: Default / Small

Default

Darstellung des Loading Indicatiors, default
Darstellung des Loading Indicatiors, default

Small

Darstellung des Loading Indicatiors, small
Darstellung des Loading Indicatiors, small

Spezifikationen

Design

Impressum Kontakt Datenschutz Cookie Einstellungen