1. Component Guide
  2. Form radio button
  3. With data attributes
Form radio button example

With data attributes

How it looks (preview)

How do you want to sign in?

How to call this example

<%= render "govuk_publishing_components/components/radio", {
  heading: "How do you want to sign in?",
  name: "radio-group-data-attributes",
  items: [
    {
      value: "government-gateway",
      text: "Use Government Gateway"
    },
    {
      value: "govuk-verify",
      text: "Use GOV.UK Verify",
      data_attributes: {
        "contextual-guidance": "government-gateway"
      }
    }
  ]
} %>