1. Government Frontend Component Guide
  2. Form radio button
  3. With heading and hint

Form radio button example

With heading and hint

How it looks

What is your favourite colour?
If your favourite is not below, pick the colour closest to it.

How to call this example

<%= render "govuk_publishing_components/components/radio", {
  name: "radio-group-heading",
  heading: "What is your favourite colour?",
  hint: "If your favourite is not below, pick the colour closest to it.",
  items: [
    {
      value: "red",
      text: "Red"
    },
    {
      value: "green",
      text: "Green"
    },
    {
      value: "blue",
      text: "Blue"
    }
  ]
} %>