digitalmarketplace-frontend
Version:
Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects
1,120 lines (948 loc) • 40.7 kB
HTML
<div class="govuk-form-group">
<fieldset class="govuk-fieldset dm-checkbox-tree" data-module="dm-question-checkbox-tree" aria-describedby="" data-item-name-singular="category" data-item-name-plural="categories" data-tier-restriction="2">
<legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
Here is the service question
</legend>
<div class="govuk-grid-row">
<div class="dm-checkbox-tree__summary govuk-grid-column-one-third">
<p class="govuk-body">
You can choose up to 10 categories.
</p>
<p class="dm-checkbox-tree__summary-total govuk-body">
<strong class="dm-checkbox-tree__summary-total-selected"></strong>
<span class="dm-checkbox-tree__summary-total-selected-text"></span>
</p>
</div>
<div class="dm-checkbox-tree__options govuk-grid-column-two-thirds">
<details id="details-1" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-11" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-111" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 1 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-111" name="example" type="checkbox" value="1111">
<label class="govuk-label govuk-checkboxes__label" for="input-example-111">
Option set 1 1 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-111-2" name="example" type="checkbox" value="1112">
<label class="govuk-label govuk-checkboxes__label" for="input-example-111-2">
Option set 1 1 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-112" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 1 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-112" name="example" type="checkbox" value="1121">
<label class="govuk-label govuk-checkboxes__label" for="input-example-112">
Option set 1 1 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-112-2" name="example" type="checkbox" value="1122">
<label class="govuk-label govuk-checkboxes__label" for="input-example-112-2">
Option set 1 1 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-113" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 1 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-113" name="example" type="checkbox" value="1131">
<label class="govuk-label govuk-checkboxes__label" for="input-example-113">
Option set 1 1 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-113-2" name="example" type="checkbox" value="1132">
<label class="govuk-label govuk-checkboxes__label" for="input-example-113-2">
Option set 1 1 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-12" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-121" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 2 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-121" name="example" type="checkbox" value="1211">
<label class="govuk-label govuk-checkboxes__label" for="input-example-121">
Option set 1 2 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-121-2" name="example" type="checkbox" value="1212">
<label class="govuk-label govuk-checkboxes__label" for="input-example-121-2">
Option set 1 2 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-122" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 2 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-122" name="example" type="checkbox" value="1221">
<label class="govuk-label govuk-checkboxes__label" for="input-example-122">
Option set 1 2 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-122-2" name="example" type="checkbox" value="1222">
<label class="govuk-label govuk-checkboxes__label" for="input-example-122-2">
Option set 1 2 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-123" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 2 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-123" name="example" type="checkbox" value="1231">
<label class="govuk-label govuk-checkboxes__label" for="input-example-123">
Option set 1 2 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-123-2" name="example" type="checkbox" value="1232">
<label class="govuk-label govuk-checkboxes__label" for="input-example-123-2">
Option set 1 2 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-13" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-131" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 3 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-131" name="example" type="checkbox" value="1311">
<label class="govuk-label govuk-checkboxes__label" for="input-example-131">
Option set 1 3 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-131-2" name="example" type="checkbox" value="1312">
<label class="govuk-label govuk-checkboxes__label" for="input-example-131-2">
Option set 1 3 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-132" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 3 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-132" name="example" type="checkbox" value="1321">
<label class="govuk-label govuk-checkboxes__label" for="input-example-132">
Option set 1 3 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-132-2" name="example" type="checkbox" value="1322">
<label class="govuk-label govuk-checkboxes__label" for="input-example-132-2">
Option set 1 3 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-133" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 3 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-133" name="example" type="checkbox" value="1331">
<label class="govuk-label govuk-checkboxes__label" for="input-example-133">
Option set 1 3 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-133-2" name="example" type="checkbox" value="1332">
<label class="govuk-label govuk-checkboxes__label" for="input-example-133-2">
Option set 1 3 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-14" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 4
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-141" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 4 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-141" name="example" type="checkbox" value="1411">
<label class="govuk-label govuk-checkboxes__label" for="input-example-141">
Option set 1 4 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-141-2" name="example" type="checkbox" value="1412">
<label class="govuk-label govuk-checkboxes__label" for="input-example-141-2">
Option set 1 4 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-142" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 4 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-142" name="example" type="checkbox" value="1421">
<label class="govuk-label govuk-checkboxes__label" for="input-example-142">
Option set 1 4 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-142-2" name="example" type="checkbox" value="1422">
<label class="govuk-label govuk-checkboxes__label" for="input-example-142-2">
Option set 1 4 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-143" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 1 4 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-143" name="example" type="checkbox" value="1431">
<label class="govuk-label govuk-checkboxes__label" for="input-example-143">
Option set 1 4 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-143-2" name="example" type="checkbox" value="1432">
<label class="govuk-label govuk-checkboxes__label" for="input-example-143-2">
Option set 1 4 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
</div>
</details>
<details id="details-2" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-21" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-211" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 1 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-211" name="example" type="checkbox" value="2111">
<label class="govuk-label govuk-checkboxes__label" for="input-example-211">
Option set 2 1 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-211-2" name="example" type="checkbox" value="2112">
<label class="govuk-label govuk-checkboxes__label" for="input-example-211-2">
Option set 2 1 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-212" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 1 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-212" name="example" type="checkbox" value="2121">
<label class="govuk-label govuk-checkboxes__label" for="input-example-212">
Option set 2 1 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-212-2" name="example" type="checkbox" value="2122">
<label class="govuk-label govuk-checkboxes__label" for="input-example-212-2">
Option set 2 1 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-213" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 1 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-213" name="example" type="checkbox" value="2131">
<label class="govuk-label govuk-checkboxes__label" for="input-example-213">
Option set 2 1 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-213-2" name="example" type="checkbox" value="2132">
<label class="govuk-label govuk-checkboxes__label" for="input-example-213-2">
Option set 2 1 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-22" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-221" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 2 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-221" name="example" type="checkbox" value="2211">
<label class="govuk-label govuk-checkboxes__label" for="input-example-221">
Option set 2 2 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-221-2" name="example" type="checkbox" value="2212">
<label class="govuk-label govuk-checkboxes__label" for="input-example-221-2">
Option set 2 2 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-222" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 2 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-222" name="example" type="checkbox" value="2221">
<label class="govuk-label govuk-checkboxes__label" for="input-example-222">
Option set 2 2 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-222-2" name="example" type="checkbox" value="2222">
<label class="govuk-label govuk-checkboxes__label" for="input-example-222-2">
Option set 2 2 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-223" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 2 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-223" name="example" type="checkbox" value="2231">
<label class="govuk-label govuk-checkboxes__label" for="input-example-223">
Option set 2 2 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-223-2" name="example" type="checkbox" value="2232">
<label class="govuk-label govuk-checkboxes__label" for="input-example-223-2">
Option set 2 2 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-23" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-231" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 3 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-231" name="example" type="checkbox" value="2311">
<label class="govuk-label govuk-checkboxes__label" for="input-example-231">
Option set 2 3 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-231-2" name="example" type="checkbox" value="2312">
<label class="govuk-label govuk-checkboxes__label" for="input-example-231-2">
Option set 2 3 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-232" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 3 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-232" name="example" type="checkbox" value="2321">
<label class="govuk-label govuk-checkboxes__label" for="input-example-232">
Option set 2 3 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-232-2" name="example" type="checkbox" value="2322">
<label class="govuk-label govuk-checkboxes__label" for="input-example-232-2">
Option set 2 3 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-233" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 3 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-233" name="example" type="checkbox" value="2331">
<label class="govuk-label govuk-checkboxes__label" for="input-example-233">
Option set 2 3 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-233-2" name="example" type="checkbox" value="2332">
<label class="govuk-label govuk-checkboxes__label" for="input-example-233-2">
Option set 2 3 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
<details id="details-24" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 4
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<details id="details-241" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 4 1
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-241" name="example" type="checkbox" value="2411">
<label class="govuk-label govuk-checkboxes__label" for="input-example-241">
Option set 2 4 1 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-241-2" name="example" type="checkbox" value="2412">
<label class="govuk-label govuk-checkboxes__label" for="input-example-241-2">
Option set 2 4 1 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-242" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 4 2
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-242" name="example" type="checkbox" value="2421">
<label class="govuk-label govuk-checkboxes__label" for="input-example-242">
Option set 2 4 2 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-242-2" name="example" type="checkbox" value="2422">
<label class="govuk-label govuk-checkboxes__label" for="input-example-242-2">
Option set 2 4 2 2
</label>
</div>
</div>
</div>
</div>
</details>
<details id="details-243" class="dm-checkbox-tree-details">
<summary class="dm-checkbox-tree-details__summary">
<div class="dm-checkbox-tree-details__summary-text">
<div class="dm-checkbox-tree-details__summary-text-label">
Option set 2 4 3
</div>
<div class="dm-checkbox-tree-details__summary-text-count">
<strong class="govuk-tag govuk-tag--green govuk-visually-hidden">
<span class="dm-checkbox-tree-details__summary-text-count-selected"></span> selected
</strong>
</div>
</div>
</summary>
<div class="dm-checkbox-tree-details__text">
<div class="govuk-form-group">
<div class="govuk-checkboxes govuk-checkboxes--small" data-module="govuk-checkboxes">
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-243" name="example" type="checkbox" value="2431">
<label class="govuk-label govuk-checkboxes__label" for="input-example-243">
Option set 2 4 3 1
</label>
</div>
<div class="govuk-checkboxes__item">
<input class="govuk-checkboxes__input" id="input-example-243-2" name="example" type="checkbox" value="2432">
<label class="govuk-label govuk-checkboxes__label" for="input-example-243-2">
Option set 2 4 3 2
</label>
</div>
</div>
</div>
</div>
</details>
</div>
</details>
</div>
</details>
</div>
</div>
</fieldset>
</div>