1. 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 (preview)

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
    }
  ]
} %>