Loading-Indicator 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 entire page.
  • 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.
  • Only one loading indicator can be displayed per page.
  • If several areas are downloading data, only one loading indicator can be displayed on the entire page.
 Variants

Variants

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

Default

Image of the loading indicatior, default
Image of the loading indicatior, default

Small

Image of the loading indicatior, small
Image of the loading indicatior, small

Specification

Design