Back to Snippets List

form - Form Step Buttons

Previous
<div class="form-step-buttons">
    <a class="button" href="#">Previous</a>
    <button class="button" type="submit">Continue</button>
</div>

<div class="form-step-buttons">
    <button class="text-button">Previous</button>
    <span class="spacer"></span>
    <button class="button" type="submit">Continue</button>
</div>

<div class="form-step-buttons">
    <button class="button">Previous</button>
    <span class="spacer"></span>
    <button class="text-button">Continue</button>
</div>

<div class="form-step-buttons">
    <button class="text-button">Previous</button>
    <span class="spacer"></span>
    <button class="text-button">Continue</button>
</div>

Form Step Buttons

This component is for the 'Previous' & 'Next' buttons present on most forms.