Components

Footer

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

Props
NameTypeDefaultDescription
idother'id' attribute to place on the base HTML element
classBlockotherBlock name override in BEM style classes applied to all elements
classModifiersotherBEM style modifiers to apply to the base HTML element
classNameotherExtra classes to apply to the base HTML element
departmentotherDepartment branding to use (e.g. home-office)
govUKotherWhether to add the standard Gov.UK content
maxContentsWidthotherMaximum width of the contents in px units (-1 for full width)
metaotherLinks to meta information
metaTitleotherTitle for meta links (visually hidden)
navigationotherSecondary navigation menus
rebrandotherIf true, use the redesigned footer with the GOV.UK crown

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.

GOV.UK footer

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

Re-branded GOV.UK footer

The default footer for public facing websites on GOV.UK, after 25th June 2025.

Add the rebrand prop, and ensure that a parent element, such as <html>, has the govuk-template--rebranded class.

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