Form Autosave Status

Статус автосохранения формы: офлайн, ошибка, конфликт версий и хук useAutosave. Pro · Формы и ввод › Форма целиком и фильтры

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add form-autosave-status

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { FormAutosaveStatus } from 'valyro-ui-pro';

Prop	Type	Default
`status` *	`'idle' \| 'dirty' \| 'saving' \| 'saved' \| 'error' \| 'offline' \| 'conflict'`		Where autosave is (from `useAutosave().state.status` or your own logic).
`savedAt`	`DateInput`		Time of the last successful save.
`pending`	`number`	`0`	Value changes not saved yet (from `useAutosave`, every keystroke counts): passed to the labels.
`error`	`ReactNode`		Why the last save failed.
`onRetry`	`() => void`		Adds "Try again" to the error.
`onSaveNow`	`() => void`		Adds "Save now" while there are unsaved edits.
`onResolve`	`(choice: 'mine' \| 'theirs') => void`		Settles a conflict: keep this version or take the server's.
`onCompare`	`() => void`		Adds "Compare" to a conflict.
`variant`	`'inline' \| 'badge'`	`'inline'`	`inline` (default): text and actions; `badge`: a compact pill, actions only on problems.
`timeZone`	`string`		IANA time zone of the save time (default: the ThemeProvider's, then the reader's).
`locale`	`string`		BCP 47 locale for the time; defaults to the ThemeProvider's.
`labels`	`Partial<FormAutosaveStatusLabels>`		Overrides for the built-in English text; keys left out keep their defaults.