Vis som: Utvikler
Skeletons er placeholdere som visuelt kommuniserer at deler av innholdet er i ferd med å laste inn og hvordan innholdsoppsettet vil se ut.
npm install @entur/loader@import '@entur/loader/dist/styles.css';import { SkeletonRectangle } from '@entur/loader';Skeleton er en firkantig boks, som man gir en høyde og bredde til.
Elementene har litt marigin seg i mellom per default.
import { SkeletonCircle } from '@entur/loader';SkeletonCircle er en sirkulær "Skeleton", for å illustrere sirkulære komponenter som vil vises etter lastingen er gjennomført.
import { SkeletonWrapper } from '@entur/loader';Det ytterste elementet som Skeleton og SkeletonCircle pakkes inn i. Brukes for å gi nødvendige aria-labels o.l.
Skeletons er placeholdere som visuelt kommuniserer at deler av innholdet er i ferd med å laste inn og hvordan innholdsoppsettet vil se ut. Brukes når seksjoner på siden gradvis fylles med innhold, for eksempel tekst og bilder eller data i tabeller som dukker opp etter hvert som de blir tilgjengelige. På denne måten gir vi brukerne en idé og forventning om hva slags innhold som skal komme, i tillegg for å skape en oppfatning av redusert ventetid. Skeletons blir borte og erstattes med innhold så snart dataene er tilgjengelig.