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

With heading and hint

How it looks (preview)

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"
    }
  ]
} %>