Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA note that saves itself a moment after you stop typing, shows Saving, Saved at a time or a retryable error, and saves immediately when you leave the page or press the button. Use this when losing a draft is worse than saving too often.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Free-form writing (notes, descriptions, replies) where people forget to press Save.
Do not use it when: Do not autosave when saving has side effects others see (publishing, sending). Save drafts, not results.
import { AutosaveNoteWithStatus } from "@/components/autosave-note-with-status"<AutosaveNoteWithStatus delay={500} />| Prop | Type | Default | Description |
|---|---|---|---|
initial | string | "" | Starting text, counted as already saved. |
save | (text) => Promise<void> | demo | Persist the text. Reject to show an error. |
delay | number | 800 | Milliseconds of quiet before saving. |
The pattern ships with a Testing Library test (autosave-note-with-status.test.tsx) that covers: its main behaviour, the keyboard path and the error or empty states.