Components

Back button

The back button is to allow the user to go back to the previous step in the journey.

Example

                                
                                <div class="transaction-header">
<button type="button" class="button--back prev-step" aria-label="Back a step" ><i class="fa fa-angle-left"></i> Back</button>
</div>

Portal Code example

                        
                        <div class="transaction-header">
<a onclick="previousStep();return false;" href="#" title="Back" class="button--back prev-step"><i class="fa fa-angle-left"></i>Back</a>
</div>

When to use this

Always include a back button on pages that are in a service journey.

When not to use this

Never use the back button in conjunction with breadcrumbs.

Back to top