Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA profile form that opens as a dialog on desktop and a bottom sheet on a phone, with field validation, a disabled-while-saving button and an error that keeps the form open. Use this when one edit form has to work on both desktop and phones without writing it twice.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it when one edit form has to work on both desktop and phones without writing it twice.
Do not use it for a form long enough to need its own page, or when the phone should show the form full screen.
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 |
|---|---|---|---|
initial | { name: string; email: string } | required | Starting values. |
onSave | (values) => Promise<void> | required | Save the values. A rejection keeps the form open and shows the message. |
aria-invalid and an aria-describedby message in a role="alert" region.The pattern ships with a Testing Library test (edit-profile-responsive-dialog.test.tsx) that drives it through roles and the keyboard.