Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAn editing dialog with no Save button: changes save after typing stops, a status says saved, unsaved, saving or failed with Retry, and closing saves pending edits first.
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.
Use this for small edits (a title, a note, a label) where a Save button is friction and losing text is worse.
Do not use it for changes that cost money or notify people. Those need an explicit confirmation.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
trigger | ReactNode | - | Opens the dialog. |
value | string | - | The saved value. |
onSave | (value: string) => Promise<void> | - | Save; reject to show the error. |
label | string | Title | Field label. |
delay | number | 800 | Milliseconds after the last keystroke. |
| Key | Action |
|---|---|
| Type | saves after a pause |
| Enter or Space on Done | saves anything pending and closes |
| Escape | saves anything pending and closes |
The pattern ships a Testing Library test (dialog-autosave.test.tsx) that covers the status, saving after a pause, saving on Done and failure with Retry.