Back link

Back link

Open this example in a new tab

Code

Markup

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

Macro

{% from "govuk/components/back-link/macro.njk" import govukBackLink %}

{{ govukBackLink({
  href: "#"
}) }}

Back link with custom text

Open this example in a new tab

Code

Markup

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

Macro

{% from "govuk/components/back-link/macro.njk" import govukBackLink %}

{{ govukBackLink({
  href: "#",
  text: "Back to home"
}) }}

Back link inverse

Open this example in a new tab

Code

Markup

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

Macro

{% from "govuk/components/back-link/macro.njk" import govukBackLink %}

{{ govukBackLink({
  classes: "govuk-back-link--inverse",
  href: "#"
}) }}