Stepper Wizard Review
Final review step of a multi-step wizard with a checked stepper, per-step value summaries with Edit links, and a confirm button.
Final review step of a multi-step wizard with a checked stepper, per-step value summaries with Edit links, and a confirm button.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Stepper Wizard Review is the final step of a four-step project creation wizard: Details, Configuration, Team, and Review. The horizontal stepper shows the first three steps with filled check circles and Review in an outlined ring marked current. Below, three summary sections each carry a section label with an Edit link and a ruled definition list of the entered values: Checkout Redesign in US East (N. Virginia), Next.js App Router on main with auto-deploy on, and Avery Stone as owner with Priya Nair and Jordan Lee invited. The footer notes the environment provisions in about 30 seconds.
Steps and sections are separate arrays. The Edit link per section lets users jump back to the right step without losing other fields, which is the only reason this review step earns its place in the flow.
Reach for this block as the confirmation screen of any multi-step wizard, wired to your form state and to a submit endpoint that provisions the resource. Match the section count to your actual wizard steps or it misleads users about how much they filled in.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the project creation review step. Other review screens:
Tip: the Edit link per section is load-bearing; without it users submit wrong and open a support ticket.