Jøkul
Komponenter

Loader v5.0.0

En loader viser at systemet jobber og forsikrer brukeren om at noe skjer.

Ting å tenke på

  • I kontekst

    Plasseres der brukeren forventer at endringen skjer for å skape en tydelig kobling

  • Ikke-blokkerende

    La brukeren fritt interagere med andre deler av siden mens en komponent laster

  • Tidsoptimist

    Loaderen vises for operasjoner som tar merkbart med tid

Retningslinjer

Loader viser at løsningen jobber med en prosess som tar tid, for eksempel lasting av data eller behandling av en forespørsel. Den gir tilbakemelding om at brukeren må vente til prosessen er fullført.

Loaderen kommer i flere størrelser for å passe ulike kontekster.

  • large brukes ved endring av større seksjoner eller hele sider
  • medium egner seg til mindre komponenter som kort eller lister.
  • small brukes til små elementer, som for eksempel inne i en knapp.

Dersom du skal vise innhold for første gang bør du heller bruke SkeletonLoader.

Tilgjengelighet

Loaderen er kun et visuelt hjelpemiddel, derfor er det avgjørende at den har en meningsfylt textDescription. Teksten vil leses opp av skjermlesere ved fokus.