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

• Rot, [Dark]()
• Grau, [Dark]()
• Weiss, [Dark]()

4.2 Small

• Anwendung innerhalb Listen (Lazy-Loading)

Design Spezifikation

• Rot, [Dark]()
• Grau, [Dark]()
• Weiss, [Dark]()

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

• Default

4.2 Small

• Anwendung innerhalb Listen (Lazy-Loading)

Design Spezifikation

• Small