1. Collections Component Guide
  2. Form checkboxes
  3. Checkboxes with individual hints
Form checkboxes example

Checkboxes with individual hints

How it looks (preview)

What is your nationality?
If you have dual nationality, select all options that are relevant to you.
  • including English, Scottish, Welsh and Northern Irish
  • anything other than the above

How to call this example

<%= render "govuk_publishing_components/components/checkboxes", {
  name: "nationality[]",
  heading: "What is your nationality?",
  hint_text: "If you have dual nationality, select all options that are relevant to you.",
  items: [
    {
      label: "British",
      value: "british",
      hint: "including English, Scottish, Welsh and Northern Irish"
    },
    {
      label: "Irish",
      value: "irish"
    },
    {
      label: "Other",
      value: "other",
      hint: "anything other than the above"
    }
  ]
} %>