Components

Footer

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

Props
NameTypeDefaultDescription
idstring-'id' attribute to place on the base HTML element
classBlockstring-Block name override in BEM style classes applied to all elements
classModifiersModifiers[]BEM style modifiers to apply to the base HTML element
classNamestring-Extra classes to apply to the base HTML element
departmentstring-Department branding to use (e.g. home-office)
govUKboolean-Whether to add the standard Gov.UK content
maxContentsWidthnumber-Maximum width of the contents in px units (-1 for full width)
metaLink[]-Links to meta information
metaTitlestringSupport linksTitle for meta links (visually hidden)
navigationNavMenu[]-Secondary navigation menus
rebrandboolean-If 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