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({}) }}

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({
  text: "Back to home"
}) }}

Back link with custom link

Open this example in a new tab

Code

Markup

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

Macro

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

{{ govukBackLink({
  href: "/home",
  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"
}) }}