1. Government Frontend Component Guide
  2. Form radio button
  3. With bold

Form radio button example

With bold

Used to provide better contrast between long labels and hint text, Note that the :or option is documented as a string due to a bug

How it looks

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", {
  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
    }
  ]
} %>