Back to top link

Back to top links help users quickly navigate back to the top of long pages of content.

Many operating systems and browsers do support scrolling back to the top automatically but many users are unaware of the functionality.

A default back to top link

When no target id is provided the back to top link will default to #top.

Input

= govuk_back_to_top_link("#top")

<%= govuk_back_to_top_link("#top") %>

Output

<a class="govuk-link govuk-link--no-visited-state" href="#top">
  <svg class="app-back-to-top__icon" xmlns="http://www.w3.org/2000/svg" width="13" height="17" viewBox="0 0 13 17">
    <path fill="currentColor" d="M6.5 0L0 6.5 1.4 8l4-4v12.7h2V4l4.3 4L13 6.4z">
    </path>
  </svg>
  Back to top
</a>