Loadingindicator Overview

What does the component do?

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

When should the component be used?

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

Rules

  • If it takes the system longer than 100ms to display 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 loading indicator is set to ‘medium’ as standard.
Variants

Variants

Tiny

Image of the loading indicator, tiny


Small

Image of the loading indicator, small


Medium

Image of the loading indicator, medium


Big

Image of the loading indicator, big


Specifications

DesignCode