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

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

4.1 Default

4.2 Small

Design Spezifikation

Figma-Link