Loading Indicator-❌
1. Was macht das Element?
- Zeigt an, dass eine länger dauernde Aktion durchgeführt wird.
2. Wann soll das Element eingesetzt werden?
- Beim Absenden von Formularen.
- Beim Laden oder Aktualisieren einer gesamten Seite.
- Beim Laden oder Aktualisieren eines einzelnen Bereichs einer Seite.
3. 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.
4. Ausprägungen
Das Element hat folgende Zustände:
- Rot
- Grau
- Weiss
4.1 Default

- Anwendung für das Laden von ganzen Seiten
Design Spezifikation
4.2 Small

- Anwendung innerhalb Listen (Lazy-Loading)
Design Spezifikation
1. Was macht das Element?
- Zeigt an, dass eine länger dauernde Aktion durchgeführt wird.
2. Wann soll das Element eingesetzt werden?
- Beim Absenden von Formularen.
- Beim Laden oder Aktualisieren einer gesamten Seite.
- Beim Laden oder Aktualisieren eines einzelnen Bereichs einer Seite.
3. 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.
4. Ausprägungen
4.1 Normal

- Anwendung für das Laden von ganzen Seiten
Design Spezifikation
4.2 Small

- Anwendung innerhalb Listen (Lazy-Loading)