{
    "component": "question-checkbox-tree-large",
    "fixtures": [
        {
            "name": "default",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option set 1 option 1"
                                },
                                {
                                    "label": "Option set 1 option 2"
                                },
                                {
                                    "label": "Option set 1 option 3"
                                },
                                {
                                    "label": "Option set 1 option 4"
                                },
                                {
                                    "label": "Option set 1 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option set 2 option 1"
                                },
                                {
                                    "label": "Option set 2 option 2"
                                },
                                {
                                    "label": "Option set 2 option 3"
                                },
                                {
                                    "label": "Option set 2 option 4"
                                },
                                {
                                    "label": "Option set 2 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option set 3 option 1"
                                },
                                {
                                    "label": "Option set 3 option 2"
                                },
                                {
                                    "label": "Option set 3 option 3"
                                },
                                {
                                    "label": "Option set 3 option 4"
                                },
                                {
                                    "label": "Option set 3 option 5"
                                }
                            ]
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with data",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option set 1 option 1"
                                },
                                {
                                    "label": "Option set 1 option 2"
                                },
                                {
                                    "label": "Option set 1 option 3"
                                },
                                {
                                    "label": "Option set 1 option 4"
                                },
                                {
                                    "label": "Option set 1 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option set 2 option 1"
                                },
                                {
                                    "label": "Option set 2 option 2"
                                },
                                {
                                    "label": "Option set 2 option 3"
                                },
                                {
                                    "label": "Option set 2 option 4"
                                },
                                {
                                    "label": "Option set 2 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option set 3 option 1"
                                },
                                {
                                    "label": "Option set 3 option 2"
                                },
                                {
                                    "label": "Option set 3 option 3"
                                },
                                {
                                    "label": "Option set 3 option 4"
                                },
                                {
                                    "label": "Option set 3 option 5"
                                }
                            ]
                        }
                    ]
                },
                "data": {
                    "example": [
                        "Option set 1 option 1",
                        "Option set 1 option 4",
                        "Option set 3 option 2",
                        "Option set 3 option 3",
                        "Option set 3 option 4"
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 1\" checked>\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 4\" checked>\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 2\" checked>\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 3\" checked>\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 4\" checked>\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with values",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "number_of_items": 10,
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option set 1 option 1",
                                    "value": "option-1-1"
                                },
                                {
                                    "label": "Option set 1 option 2",
                                    "value": "option-1-2"
                                },
                                {
                                    "label": "Option set 1 option 3",
                                    "value": "option-1-3"
                                },
                                {
                                    "label": "Option set 1 option 4",
                                    "value": "option-1-4"
                                },
                                {
                                    "label": "Option set 1 option 5",
                                    "value": "option-1-5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option set 2 option 1",
                                    "value": "option-2-1"
                                },
                                {
                                    "label": "Option set 2 option 2",
                                    "value": "option-2-2"
                                },
                                {
                                    "label": "Option set 2 option 3",
                                    "value": "option-2-3"
                                },
                                {
                                    "label": "Option set 2 option 4",
                                    "value": "option-2-4"
                                },
                                {
                                    "label": "Option set 2 option 5",
                                    "value": "option-2-5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option set 3 option 1",
                                    "value": "option-3-1"
                                },
                                {
                                    "label": "Option set 3 option 2",
                                    "value": "option-3-2"
                                },
                                {
                                    "label": "Option set 3 option 3",
                                    "value": "option-3-3"
                                },
                                {
                                    "label": "Option set 3 option 4",
                                    "value": "option-3-4"
                                },
                                {
                                    "label": "Option set 3 option 5",
                                    "value": "option-3-5"
                                }
                            ]
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"option-1-1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"option-1-2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"option-1-3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"option-1-4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"option-1-5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"option-2-1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"option-2-2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"option-2-3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"option-2-4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"option-2-5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"option-3-1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"option-3-2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"option-3-3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"option-3-4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"option-3-5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with hint",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option set 1 option 1"
                                },
                                {
                                    "label": "Option set 1 option 2"
                                },
                                {
                                    "label": "Option set 1 option 3"
                                },
                                {
                                    "label": "Option set 1 option 4"
                                },
                                {
                                    "label": "Option set 1 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option set 2 option 1"
                                },
                                {
                                    "label": "Option set 2 option 2"
                                },
                                {
                                    "label": "Option set 2 option 3"
                                },
                                {
                                    "label": "Option set 2 option 4"
                                },
                                {
                                    "label": "Option set 2 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option set 3 option 1"
                                },
                                {
                                    "label": "Option set 3 option 2"
                                },
                                {
                                    "label": "Option set 3 option 3"
                                },
                                {
                                    "label": "Option set 3 option 4"
                                },
                                {
                                    "label": "Option set 3 option 5"
                                }
                            ]
                        }
                    ],
                    "hint": "This is a hint for the question"
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n      <div class=\"govuk-hint\">\n  This is a hint for the question\n</div>\n\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with question advice",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option set 1 option 1"
                                },
                                {
                                    "label": "Option set 1 option 2"
                                },
                                {
                                    "label": "Option set 1 option 3"
                                },
                                {
                                    "label": "Option set 1 option 4"
                                },
                                {
                                    "label": "Option set 1 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option set 2 option 1"
                                },
                                {
                                    "label": "Option set 2 option 2"
                                },
                                {
                                    "label": "Option set 2 option 3"
                                },
                                {
                                    "label": "Option set 2 option 4"
                                },
                                {
                                    "label": "Option set 2 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option set 3 option 1"
                                },
                                {
                                    "label": "Option set 3 option 2"
                                },
                                {
                                    "label": "Option set 3 option 3"
                                },
                                {
                                    "label": "Option set 3 option 4"
                                },
                                {
                                    "label": "Option set 3 option 5"
                                }
                            ]
                        }
                    ],
                    "question_advice": "Here is the question advice"
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n      <div class=\"govuk-hint\">\n  <div class=\"govuk-body\">\n        Here is the question advice\n      </div>\n</div>\n\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with question advice and hint",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option set 1 option 1"
                                },
                                {
                                    "label": "Option set 1 option 2"
                                },
                                {
                                    "label": "Option set 1 option 3"
                                },
                                {
                                    "label": "Option set 1 option 4"
                                },
                                {
                                    "label": "Option set 1 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option set 2 option 1"
                                },
                                {
                                    "label": "Option set 2 option 2"
                                },
                                {
                                    "label": "Option set 2 option 3"
                                },
                                {
                                    "label": "Option set 2 option 4"
                                },
                                {
                                    "label": "Option set 2 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option set 3 option 1"
                                },
                                {
                                    "label": "Option set 3 option 2"
                                },
                                {
                                    "label": "Option set 3 option 3"
                                },
                                {
                                    "label": "Option set 3 option 4"
                                },
                                {
                                    "label": "Option set 3 option 5"
                                }
                            ]
                        }
                    ],
                    "question_advice": "<p class=\"govuk-body-l\">Here is the question advice</p>\n",
                    "hint": "<div class=\"hint-in-html\">This is a hint for the question</div>\n"
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n      <div class=\"govuk-hint\">\n  <div class=\"govuk-body\">\n        <p class=\"govuk-body-l\">Here is the question advice</p>\n  \n      </div>\n      <div class=\"hint-in-html\">This is a hint for the question</div>\n</div>\n\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with descriptions on the items",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "options": [
                        {
                            "label": "Option set 1",
                            "description": "<p class=\"govuk-body-l\">Here is the description for option set 1</p>\n",
                            "options": [
                                {
                                    "label": "Option set 1 option 1",
                                    "description": "<p class=\"govuk-body-l\">Here is the description for option set 1 option 1</p>\n"
                                },
                                {
                                    "label": "Option set 1 option 2"
                                },
                                {
                                    "label": "Option set 1 option 3"
                                },
                                {
                                    "label": "Option set 1 option 4"
                                },
                                {
                                    "label": "Option set 1 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "description": "<p class=\"govuk-body-l\">Here is the description for option set 2</p>\n",
                            "options": [
                                {
                                    "label": "Option set 2 option 1",
                                    "description": "<p class=\"govuk-body-l\">Here is the description for option set 2 option 1</p>\n"
                                },
                                {
                                    "label": "Option set 2 option 2"
                                },
                                {
                                    "label": "Option set 2 option 3"
                                },
                                {
                                    "label": "Option set 2 option 4"
                                },
                                {
                                    "label": "Option set 2 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "description": "<p class=\"govuk-body-l\">Here is the description for option set 3</p>\n",
                            "options": [
                                {
                                    "label": "Option set 3 option 1",
                                    "description": "<p class=\"govuk-body-l\">Here is the description for option set 3 option 1</p>\n"
                                },
                                {
                                    "label": "Option set 3 option 2"
                                },
                                {
                                    "label": "Option set 3 option 3"
                                },
                                {
                                    "label": "Option set 3 option 4"
                                },
                                {
                                    "label": "Option set 3 option 5"
                                }
                            ]
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"accordion-example-summary-1\">\n        <p class=\"govuk-body-l\">Here is the description for option set 1</p>\n      </div>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 1\" aria-describedby=\"input-example-1-item-hint\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n            <div id=\"input-example-1-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n              <p class=\"govuk-body-l\">Here is the description for option set 1 option 1</p>\n            </div>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"accordion-example-summary-2\">\n        <p class=\"govuk-body-l\">Here is the description for option set 2</p>\n      </div>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 1\" aria-describedby=\"input-example-2-item-hint\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n            <div id=\"input-example-2-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n              <p class=\"govuk-body-l\">Here is the description for option set 2 option 1</p>\n            </div>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"accordion-example-summary-3\">\n        <p class=\"govuk-body-l\">Here is the description for option set 3</p>\n      </div>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 1\" aria-describedby=\"input-example-3-item-hint\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n            <div id=\"input-example-3-item-hint\" class=\"govuk-hint govuk-checkboxes__hint\">\n              <p class=\"govuk-body-l\">Here is the description for option set 3 option 1</p>\n            </div>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with divider",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option set 1 option 1"
                                },
                                {
                                    "label": "Option set 1 option 2"
                                },
                                {
                                    "label": "Option set 1 option 3"
                                },
                                {
                                    "divider": "<p class=\"govuk-body\">\n  I am dividing these options\n</p>\n"
                                },
                                {
                                    "label": "Option set 1 option 4"
                                },
                                {
                                    "label": "Option set 1 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option set 2 option 1"
                                },
                                {
                                    "label": "Option set 2 option 2"
                                },
                                {
                                    "label": "Option set 2 option 3"
                                },
                                {
                                    "divider": "<p class=\"govuk-body--l\">\n  I am dividing these options in a big way\n</p>\n"
                                },
                                {
                                    "label": "Option set 2 option 4"
                                },
                                {
                                    "label": "Option set 2 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option set 3 option 1"
                                },
                                {
                                    "label": "Option set 3 option 2"
                                },
                                {
                                    "label": "Option set 3 option 3"
                                },
                                {
                                    "divider": "<p class=\"govuk-body\">\n  I am dividing these options\n</p>\n"
                                },
                                {
                                    "label": "Option set 3 option 4"
                                },
                                {
                                    "label": "Option set 3 option 5"
                                }
                            ]
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__divider\"><p class=\"govuk-body\">\n        I am dividing these options\n      </p>\n      </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-6\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-6\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__divider\"><p class=\"govuk-body--l\">\n        I am dividing these options in a big way\n      </p>\n      </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-6\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-6\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__divider\"><p class=\"govuk-body\">\n        I am dividing these options\n      </p>\n      </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-6\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-6\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with optional",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "optional": true,
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option set 1 option 1"
                                },
                                {
                                    "label": "Option set 1 option 2"
                                },
                                {
                                    "label": "Option set 1 option 3"
                                },
                                {
                                    "label": "Option set 1 option 4"
                                },
                                {
                                    "label": "Option set 1 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option set 2 option 1"
                                },
                                {
                                    "label": "Option set 2 option 2"
                                },
                                {
                                    "label": "Option set 2 option 3"
                                },
                                {
                                    "label": "Option set 2 option 4"
                                },
                                {
                                    "label": "Option set 2 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option set 3 option 1"
                                },
                                {
                                    "label": "Option set 3 option 2"
                                },
                                {
                                    "label": "Option set 3 option 3"
                                },
                                {
                                    "label": "Option set 3 option 4"
                                },
                                {
                                    "label": "Option set 3 option 5"
                                }
                            ]
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question (optional)\n  </legend>\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with optional text",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "optional": true,
                    "optional_text": "if applicable",
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option set 1 option 1"
                                },
                                {
                                    "label": "Option set 1 option 2"
                                },
                                {
                                    "label": "Option set 1 option 3"
                                },
                                {
                                    "label": "Option set 1 option 4"
                                },
                                {
                                    "label": "Option set 1 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option set 2 option 1"
                                },
                                {
                                    "label": "Option set 2 option 2"
                                },
                                {
                                    "label": "Option set 2 option 3"
                                },
                                {
                                    "label": "Option set 2 option 4"
                                },
                                {
                                    "label": "Option set 2 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option set 3 option 1"
                                },
                                {
                                    "label": "Option set 3 option 2"
                                },
                                {
                                    "label": "Option set 3 option 3"
                                },
                                {
                                    "label": "Option set 3 option 4"
                                },
                                {
                                    "label": "Option set 3 option 5"
                                }
                            ]
                        }
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question (if applicable)\n  </legend>\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with overlapping options",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option 1"
                                },
                                {
                                    "label": "Option 2"
                                },
                                {
                                    "label": "Option 3"
                                },
                                {
                                    "label": "Option 4"
                                },
                                {
                                    "label": "Option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option 5"
                                },
                                {
                                    "label": "Option 6"
                                },
                                {
                                    "label": "Option 7"
                                },
                                {
                                    "label": "Option 8"
                                },
                                {
                                    "label": "Option 9"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option 9"
                                },
                                {
                                    "label": "Option 10"
                                },
                                {
                                    "label": "Option 11"
                                },
                                {
                                    "label": "Option 12"
                                },
                                {
                                    "label": "Option 13"
                                }
                            ]
                        }
                    ]
                },
                "data": {
                    "example": [
                        "Option 5",
                        "Option 8",
                        "Option 9"
                    ]
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"Option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option 5\" checked>\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option 5\" checked>\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option 5\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option 6\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option 6\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option 7\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option 7\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"Option 8\" checked>\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option 8\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option 9\" checked>\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option 9\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option 9\" checked>\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option 9\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option 10\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option 10\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option 11\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option 11\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"Option 12\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option 12\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option 13\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option 13\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with error message",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option set 1 option 1"
                                },
                                {
                                    "label": "Option set 1 option 2"
                                },
                                {
                                    "label": "Option set 1 option 3"
                                },
                                {
                                    "label": "Option set 1 option 4"
                                },
                                {
                                    "label": "Option set 1 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option set 2 option 1"
                                },
                                {
                                    "label": "Option set 2 option 2"
                                },
                                {
                                    "label": "Option set 2 option 3"
                                },
                                {
                                    "label": "Option set 2 option 4"
                                },
                                {
                                    "label": "Option set 2 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option set 3 option 1"
                                },
                                {
                                    "label": "Option set 3 option 2"
                                },
                                {
                                    "label": "Option set 3 option 3"
                                },
                                {
                                    "label": "Option set 3 option 4"
                                },
                                {
                                    "label": "Option set 3 option 5"
                                }
                            ]
                        }
                    ]
                },
                "errors": {
                    "example": {
                        "message": "You must select at least one option"
                    }
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"input-example\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n\n      <p id=\"input-example\" class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> You must select at least one option\n</p>\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        },
        {
            "name": "with hint and error message",
            "options": {
                "question": {
                    "id": "example",
                    "question": "Here is the service question",
                    "number_of_items": 10,
                    "options": [
                        {
                            "label": "Option set 1",
                            "options": [
                                {
                                    "label": "Option set 1 option 1"
                                },
                                {
                                    "label": "Option set 1 option 2"
                                },
                                {
                                    "label": "Option set 1 option 3"
                                },
                                {
                                    "label": "Option set 1 option 4"
                                },
                                {
                                    "label": "Option set 1 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 2",
                            "options": [
                                {
                                    "label": "Option set 2 option 1"
                                },
                                {
                                    "label": "Option set 2 option 2"
                                },
                                {
                                    "label": "Option set 2 option 3"
                                },
                                {
                                    "label": "Option set 2 option 4"
                                },
                                {
                                    "label": "Option set 2 option 5"
                                }
                            ]
                        },
                        {
                            "label": "Option set 3",
                            "options": [
                                {
                                    "label": "Option set 3 option 1"
                                },
                                {
                                    "label": "Option set 3 option 2"
                                },
                                {
                                    "label": "Option set 3 option 3"
                                },
                                {
                                    "label": "Option set 3 option 4"
                                },
                                {
                                    "label": "Option set 3 option 5"
                                }
                            ]
                        }
                    ],
                    "hint": "This is a hint for the question"
                },
                "errors": {
                    "example": {
                        "message": "You must select at least one option"
                    }
                }
            },
            "hidden": false,
            "description": "",
            "previewLayoutModifiers": [],
            "html": "<div class=\"govuk-form-group govuk-form-group--error\">\n<fieldset class=\"govuk-fieldset dm-checkbox-tree-large\" aria-describedby=\"input-example\">\n  <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n    Here is the service question\n  </legend>\n      <div class=\"govuk-hint\">\n  This is a hint for the question\n</div>\n\n\n      <p id=\"input-example\" class=\"govuk-error-message\">\n  <span class=\"govuk-visually-hidden\">Error:</span> You must select at least one option\n</p>\n\n\n    <div class=\"govuk-grid-row\">\n      <div class=\"dm-checkbox-tree-large__summary govuk-grid-column-full\">\n\n\n\n\n\n\n\n\n        <div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-1\">\n          Option set 1\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-1\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1\">\n              Option set 1 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-2\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-2\">\n              Option set 1 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-3\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-3\">\n              Option set 1 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-4\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-4\">\n              Option set 1 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-1-5\" name=\"example\" type=\"checkbox\" value=\"Option set 1 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-1-5\">\n              Option set 1 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-2\">\n          Option set 2\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-2\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2\">\n              Option set 2 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-2\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-2\">\n              Option set 2 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-3\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-3\">\n              Option set 2 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-4\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-4\">\n              Option set 2 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-2-5\" name=\"example\" type=\"checkbox\" value=\"Option set 2 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-2-5\">\n              Option set 2 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-example-heading-3\">\n          Option set 3\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-example-content-3\" class=\"govuk-accordion__section-content\">\n      <div class=\"govuk-form-group\">\n        <div class=\"govuk-checkboxes govuk-checkboxes--small\" data-module=\"govuk-checkboxes\">\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 1\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3\">\n              Option set 3 option 1\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-2\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 2\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-2\">\n              Option set 3 option 2\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-3\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 3\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-3\">\n              Option set 3 option 3\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-4\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 4\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-4\">\n              Option set 3 option 4\n            </label>\n          </div>\n          <div class=\"govuk-checkboxes__item\">\n            <input class=\"govuk-checkboxes__input\" id=\"input-example-3-5\" name=\"example\" type=\"checkbox\" value=\"Option set 3 option 5\">\n            <label class=\"govuk-label govuk-checkboxes__label\" for=\"input-example-3-5\">\n              Option set 3 option 5\n            </label>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n\n      </div>\n    </div>\n\n</fieldset>\n</div>"
        }
    ]
}