1. Government Frontend Component Guide
  2. Back link

Component

Back link

A link used to help users get back, useful when not using other navigation such as breadcrumbs

How it looks (preview all)

How to call this component

<%= render "govuk_publishing_components/components/back_link", {
  href: "#"
} %>

GOV.UK Design System

This component incorporates components from the GOV.UK Design System:

Accessibility acceptance criteria

  • has a touch area easy for users to touch

Links in the component must:

  • accept focus
  • be focusable with a keyboard
  • be usable with a keyboard
  • indicate when they have focus
  • change in appearance when touched (in the touch-down state)
  • change in appearance when hovered
  • be usable with touch
  • be usable with voice commands
  • have visible text

Other examples

Custom text (preview)

<%= render "govuk_publishing_components/components/back_link", {
  text: "Back to document list",
  href: "#"
} %>

With data attributes (preview)

<%= render "govuk_publishing_components/components/back_link", {
  href: "#",
  data_attributes: {
    tracking: "GT-1234"
  }
} %>