Loading

@/components/ui/Loading

Delt lastetilstand i tre varianter — inline, blokk og panel — bygget på den delte Spinner-komponenten.

Når brukes den

inline midt i annen tekst (én linje, f.eks. «Laster…» i en liste som venter på data).
blokk for en hel seksjon som venter, sentrert med luft over/under.
panel for en panel-formet plassholder på Card-høyde, der en liste/tabell normalt ville stått.
Bruker den delte Spinner-komponenten — IKKE ikonet «Laster» fra ikonbiblioteket, som er en annen ting med samme norske navn.

inline

Én linje midt i annen tekst eller ved siden av et felt.

inline

Laster…

<Loading variant="inline" tekst="Henter transaksjoner…" />

blokk

En hel seksjon som venter — sentrert med luft over og under.

blokk

Laster…

panel

Panel-formet plassholder på Card-høyde, der en liste eller tabell normalt ville stått.

panel

Henter data…

Sveip tabellen for å se hele innholdet

Navn

Type

Default

Beskrivelse

variant

'inline' | 'blokk' | 'panel'

'inline'

Hvilken av de tre situasjonene lastetilstanden dekker.

tekst

string

'Laster…'

Teksten ved siden av spinneren.

className

string

—

Ekstra klasser.