1. Component Guide
  2. Form checkboxes
  3. Checkbox items with checked items
Form checkboxes example

Checkbox items with checked items

How it looks (preview)

What is your nationality? If you have dual nationality, select all options that are relevant to you.

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",
      checked: true
    },
    {
      label: "Irish",
      value: "irish"
    },
    {
      label: "Other",
      value: "other"
    }
  ]
} %>