1. What does the component do?

It shows that a longer-lasting action is being carried out.

2. When should the component be used?

• When sending forms.
• When loading or updating an individual part of a page.

3. Rules

• If the system requires longer than 100ms to show an answer, a loading indicator must be displayed.
• The loading indicator is always used on a white, semi-transparent zone.
• Only one loading indicator can be displayed per page/viewport.
• The white zone covers the area being loaded or updated.
• The ‘medium’ loading indicator is used as standard.

4. Variants

4.1 Tiny

Design specification

• Default

Code specification

• SBB Angular Component Library

4.2 Small

Design specification

• Default

Code specification

• SBB Angular Component Library

4.3 Medium

Design specification

• Default

Code specification

• SBB Angular Component Library

4.4 Big

Design specification

• Default

Code specification

• SBB Angular Component Library