Form radio button example

Conditional checked

How it looks (preview)

How do you want to sign in?

You’ll need to prove your identity using Government Gateway

You’ll need to prove your identity using GOV.UK Verify

How to call this example

<%= render "govuk_publishing_components/components/radio", {
  heading: "How do you want to sign in?",
  name: "radio-group-conditional-checked",
  id_prefix: "conditional-checked",
  items: [
    {
      value: "government-gateway",
      text: "Use Government Gateway",
      conditional: "You’ll need to prove your identity using Government Gateway",
      checked: true
    },
    {
      value: "govuk-verify",
      text: "Use GOV.UK Verify",
      conditional: "You’ll need to prove your identity using GOV.UK Verify"
    }
  ]
} %>