Spinnere

Bruk av spinnere

Det er mye som skjer i bakgrunnen i et system når innholdet lastes inn, med spinnere kan vi kommunisere tydelig ut til brukeren at innholdet er i ferd med å vises snart. Det er best practice å benytte seg av spinnere dersom ventetiden varer lengre enn tre sekunder. Dersom siden bruker mer enn 10 sekunder på å laste inn innholdet, vurder å bruke en notifikasjon med forklarende tekst.

Spinner

Den finnes i liten og stor versjon.

Spinner i knapper

De viktigste knappene våre har også en innebygget spinner, som vises ved å legge inn en «isLoading»-prop på knappen.