Skip to main content

Pagination buttons

Use pagination buttons to help users through multiple screens.

Hide the "Next" button when the user reaches an "end of the form" screen.

<section class="pagination-buttons-block">
<div class="pagination-buttons">
<button class="button primary link">Back</button>
<button class="button primary icon-right">
Next <i class="bcc-font_right"></i>
</button>
</div>
</section>

Use <button> elements when calling functions, and <a> hyperlinks when moving between different URLs.