Form radio button example

Conditional

How it looks (preview)

How do you want to sign in?

Use Government Gateway

You’ll need to prove your identity using Government Gateway

Use GOV.UK Verify

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",
  id_prefix: "conditional",
  items: [
    {
      value: "government-gateway",
      text: "Use Government Gateway",
      conditional: "You’ll need to prove your identity using Government Gateway"
    },
    {
      value: "govuk-verify",
      text: "Use GOV.UK Verify",
      conditional: "You’ll need to prove your identity using GOV.UK Verify"
    }
  ]
} %>