Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA profile form on the form store that shows a sticky Save and Discard bar only when something changed, announces it, saves with Cmd/Ctrl+S, and warns before the tab closes. Use this when edits are explicit (save, don't autosave) but easy to lose.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
A settings or profile page has several fields and an explicit save, and leaving by accident would lose edits.
Do not use it when: Autosave suits single-field or low-stakes edits better than a bar.
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 | Description |
|---|---|---|
initial | { name, email } | The saved values. |
save | (values) => Promise<void> | Persist the values. After a successful save they become the new baseline. |
The pattern ships with a Testing Library test (unsaved-changes-profile-form.test.tsx) that covers: its main behaviour, the keyboard path and the error or empty states.