Get started

Get the tools and building blocks to design and develop consistent and accessible experiences.

Start developing Start designing

Confirm information

Show users a summary of their information before they submit.

Guidance

Give your users a chance to review and confirm the information they entered before they submit it. Adding this step improves the accuracy of the data you receive and empowers users. By giving them a way to avoid and recover from mistakes, you will increase their trust and confidence.


Confirm your information

Need to make a change?

Don't worry, you can edit your application details before you submit.

Edit application

Contact details

John Smith
john.smith@gmail.com
(506) 555-5555

Address

123 Anywhere Road
Fredericton NB
E3B 8H4

Billing address

Same as service address

Preferred language

English

HTML

<h2>Confirm your information</h2>

<div class="gnb-call-to-action">
	<h3>Need to make a change?</h3>
	<p>
		Don't worry, you can edit your application details before you submit.
	</p>
	<p>
		<a class="gnb-btn-secondary"><i class="fa-solid fa-pencil"></i> Edit application</a>
	</p>
</div>

<h3>Contact details</h3>
<p>
	John Smith<br />
	john.smith@gmail.com<br />
	(506) 555-5555
</p>

<h3>Address</h3>
<p>
	123 Anywhere Road<br />
	Fredericton NB<br />
	E3B 8H4
</p>

<h3>Billing address</h3>
<p>
	Same as service address
</p>

<h3>Preferred language</h3>
<p>
	English
</p>

<p>
	<button class="gnb-btn">Save and continue <i class="fa-solid fa-arrow-right"></i></button>
</p>