Spinner - Roue de chargement

Signal rotatif d'attente de chargement.

Anatomie

Le composant roue de chargement est composé de deux éléments.

Spinner - Anatomie
  1. Piste
  2. Indicateur

 

Variantes

La roue de chargement change en fonction du fond sur lequel elle est utilisée afin de garder un bon ratio de contrastes : sur fond clair (base ou layer), sur fond contrasté neutre (contrasted neutral) ou sur menu flottant (floating menu).

Fond clair

Fond clair

Fond menu flottant

Fond menu flottant

Fond contrasté neutre

Fond contrasté neutre

 

Tailles

Les roue des chargement suivent l'échelle de polices du système de design. Elles sont donc utilisables dans les tailles suivantes :

medium

medium

16px

large

large

20px

x large

x large

24px

2x large

2x large

36px