Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA final review screen that lists every answer by section, each with an Edit link that goes back to that section, blocks the submit until a confirmation box is ticked, and flags sections that still have problems. Use this when a long form ends in a decision that is hard to undo.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
A multi-step form or application ends with a submit that is hard to take back, and people should check their answers first.
Do not use it when: For short forms, a review step is friction. Use inline validation and an undo instead.
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 |
|---|---|---|
sections | { id, title, items, problems? }[] | What to review. items are { label, value, type? }. |
onEdit | (sectionId) => void | Called by a section's Edit button; take the person back there. |
onSubmit | () => void | Promise<void> | Called when there are no problems and the box is ticked. |
section named by its heading, with read-only values in a description list. Edit buttons include the section name ("Edit role").The pattern ships with a Testing Library test (application-review-before-submit.test.tsx) that covers: its main behaviour, the keyboard path and the error or empty states.