Components

Button

Read the button guidance on the GOV.UK design system.

<button
  data-module="govuk-button"
  class="govuk-button"
>
  Save and continue
</button>

<Button>Save and continue</Button>

To use in React, read the button documentation from NotGovUK.

How to use

Secondary button

The style of the secondary button is slightly changed from the GOV.UK design system to improve the contrast with the Home Office grey page background.

<button
  data-module="govuk-button"
  class="govuk-button govuk-button--secondary"
>
  Find address
</button>

<Button classModifiers="secondary">
  Find address
</Button>

Help improve this component

This component needs improving. We need evidence about:

  • how to use buttons on internal systems

To contribute, add your thoughts and research findings to our GitHub discussion, or follow our contribute guidance.