This is an internal development app.
To learn how to use the GOV.UK Design System in your project, see Get started.

Feature flags

Feature flag control

This is an experimental feature for turning the 'rebrand' feature flag on and off only.

Show all flag states

Skip to main content

Back link

Back link

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

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"
}) }}
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

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"
}) }}