Design

SaveIndicator

@/components/ui/SaveIndicator

Inline kvittering ved siden av et felt som lagrer på blur/endring, uten en egen Lagre-knapp.

Når brukes den

  • Bruk ved siden av et felt som lagrer automatisk (på blur/endring) — ikke ved siden av et skjema med egen Lagre-knapp.

  • inaktiv rendrer null (tar ikke plass) — bruk den før noe er lagret ennå, i stedet for en tom placeholder.

  • Feil vises IKKE av denne komponenten — legg en FormError ved siden av for feiltilstanden.

Eksempler

Tilstander

inaktiv tar ikke plass; lagrer viser spinner; lagret viser en hake med teksten synlig.

inaktiv

(rendrer null)

lagrer

Lagrer…

lagret

Lagret
<SaveIndicator tilstand={tilstand} />

Egendefinert lagret-tekst

lagretTekst overstyrer standardordet «Lagret», f.eks. når feltet faktisk synkroniserer mot noe eksternt.

Synkronisert

Props

Sveip tabellen for å se hele innholdet

Navn
Type
Default
Beskrivelse
tilstand *
'inaktiv' | 'lagrer' | 'lagret'
Gjeldende tilstand. inaktiv rendrer null.
lagretTekst
string
'Lagret'
Teksten ved siden av haken i lagret-tilstand.
className
string
Ekstra klasser.

Beslektede komponenter