Components

Footer

The footer provides copyright, licensing and other information about your service and department.

Props
Name Type Default Description
id string 'id' attribute to place on the base HTML element
classBlock string Block name override in BEM style classes applied to all elements
classModifiers other BEM style modifiers to apply to the base HTML element
className string Extra classes to apply to the base HTML element
govUK boolean Whether to add the standard Gov.UK content
maxContentsWidth number Maximum width of the contents in px units (-1 for full width)
meta other Links to meta information
metaTitle string Title for meta links (visually hidden)
navigation other Secondary navigation menus

When to use this component

Use the footer at the bottom of every page of your service.

How it works

You can add links to:

  • your department’s page on GOV.UK
  • other language options
  • terms and conditions
  • privacy policy

Stories

Standard

A standard Footer.

<footer class="govuk-footer" role="contentinfo">
  <div class="govuk-width-container"></div>
</footer>
<Footer />

GOV.UK footer

The default footer for public facing websites on GOV.UK.

<footer class="govuk-footer" role="contentinfo">
  <div class="govuk-width-container">
    <div class="govuk-footer__meta">
      <div
        class="govuk-footer__meta-item govuk-footer__meta-item--grow"
      >
        <svg
          aria-hidden="true"
          focusable="false"
          class="govuk-footer__licence-logo"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 483.2 195.7"
          height="17"
          width="41"
        >
          <path
            fill="currentColor"
            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
          ></path>
        </svg>
        <span
          class="govuk-footer__license-description"
        >
          All content is available under the
          <a
            rel="license"
            class="govuk-footer__link"
            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
          >
            Open Government Licence v3.0
          </a>
          , except where otherwise stated
        </span>
      </div>
      <div class="govuk-footer__meta-item">
        <a
          class="govuk-footer__link govuk-footer__copyright-logo"
          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
        >
          © Crown copyright
        </a>
      </div>
    </div>
  </div>
</footer>
<Footer govUK />

Footer with secondary navigation

Footer with links to meta information

You can also include links to meta information about a site, like cookies and contact details in the footer, like this:

Footer with secondary navigation and links to meta information