Composant · Feedback

Autosave

Stable

Indicateur d'enregistrement automatique : repos, en cours, enregistré (avec heure relative) ou échec (avec bouton Réessayer). Statut annoncé par aria-live.

Exemples

status="saved"

Enregistré il y a 125 jours

Voir le code (Svelte)

<Autosave status="saved" lastSaved="2026-06-04T12:00:00.000Z" locale="fr-FR" />

status="saving"

Enregistrement…

Voir le code (Svelte)

<Autosave status="saving" locale="fr-FR" />

status="error"

Échec de l'enregistrement

Voir le code (Svelte)

<Autosave status="error" locale="fr-FR" />

API

Prop	Type	Default
`status`	`"idle" \| "saving" \| "saved" \| "error"`	`"idle"`
`lastSaved`	`string \| Date`	–
`onRetry`	`() => void`	–
`labels`	`{ idle?, saving?, saved?, error? }`	–
`retryLabel`	`string`	–
`locale`	`string`	`"fr-FR"`

Sur error, le rôle passe à alert et un bouton Réessayer appelle onRetry. lastSaved est rendu en heure relative sur les statuts idle et saved.

Tokens utilisés

--st-semantic-text-primary
--st-semantic-border-subtle