Form radio button example

With bold labels

Used to provide better contrast between long labels and hint text.

How it looks (preview)

How do you want to sign in?

You'll have a user ID if you've signed up to do things like sign up Self Assessment tax return online.

You'll have an account if you've already proved your identity with a certified company, such as the Post Office.

How to call this example

<%= render "govuk_publishing_components/components/radio", {
  heading: "How do you want to sign in?",
  name: "radio-group-bold",
  items: [
    {
      value: "government-gateway",
      text: "Use Government Gateway",
      hint_text: "You'll have a user ID if you've signed up to do things like sign up Self Assessment tax return online.",
      bold: true
    },
    {
      value: "govuk-verify",
      text: "Use GOV.UK Verify",
      hint_text: "You'll have an account if you've already proved your identity with a certified company, such as the Post Office.",
      bold: true
    }
  ]
} %>