1. Component Guide
  2. Form radio button
  3. With legend
Form radio button example

With legend

Legend text is automatically wrapped inside a h2. To render the text without it, heading_level must be set to 0.

How it looks (preview)

What's it to do with?

How to call this example

<%= render "govuk_publishing_components/components/radio", {
  name: "radio-group-legend",
  heading: "What's it to do with?",
  heading_level: 0,
  items: [
    {
      value: "yes",
      text: "Yes"
    },
    {
      value: "no",
      text: "No"
    }
  ]
} %>