Back link

Use the back link component to help users go back to the previous page in a multi-page transaction.

Basic back link

Input

= govuk_back_link(href: "/")

<%= govuk_back_link(href: "/") %>

Output

<a class="govuk-back-link" href="/">
  Back
</a>

Back link with custom text

Input

= govuk_back_link(href: "/", text: "Return")

<%= govuk_back_link(href: "/", text: "Return") %>

Output

<a class="govuk-back-link" href="/">
  Return
</a>

Back link with inverted colours

When back links are displayed on darker backgrounds the inverse keyword argument can be used to make them readable.

Input

= govuk_back_link(href: "/", inverse: true)

<%= govuk_back_link(href: "/", inverse: true) %>

Output

<a class="govuk-back-link govuk-back-link--inverse" href="/">
  Back
</a>