1. Was macht die Komponente?

Zeigt an, dass eine länger dauernde Aktion durchgeführt wird.

2. Wann soll die Komponente eingesetzt werden?

• Beim Absenden von Formularen.
• 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.
• 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.

4. Ausprägungen

4.1 Tiny

Design Spezifikation

• Default

Code Spezifikation

• SBB Angular Component Library

4.2 Small

Design Spezifikation

• Default

Code Spezifikation

• SBB Angular Component Library

4.3 Medium

Design Spezifikation

• Default

Code Spezifikation

• SBB Angular Component Library

4.4 Big

Design Spezifikation

• Default

Code Spezifikation

• SBB Angular Component Library