Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA settings form with per-field validation, dirty detection that ignores reverted edits, a contextual save bar with Ctrl+S and an error summary that moves focus to the first problem.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this when a settings page is one form with one commit: company, billing, notification or security settings.
Do not use it when each setting saves on its own (use switches and inline edits).
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 | Required | Description |
|---|---|---|---|
initial | { name: string; email: string } | required | - |
onSave | (values: { name: string; email: string }) => Promise<void> | required | - |
The pattern ships with a Testing Library test (contextual-save-bar-settings-form.test.tsx) that covers dirty detection, saving by button and shortcut, validation with focus, discarding and a server failure.