digitalmarketplace-frontend/dist/digitalmarketplace/components/question-checkbox-tree/template-with-one-option.html

Digital Marketplace Frontend contains assets and components used in Digital Marketplace projects

<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="">
  <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 3 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">
          

  <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-0" name="example" type="checkbox" value="Option 1">
      <label class="govuk-label govuk-checkboxes__label" for="input-example-0">
        Option 1
      </label>
    </div>
    <div class="govuk-checkboxes__item">
      <input class="govuk-checkboxes__input" id="input-example-0-2" name="example" type="checkbox" value="Option 2">
      <label class="govuk-label govuk-checkboxes__label" for="input-example-0-2">
        Option 2
      </label>
    </div>
    <div class="govuk-checkboxes__item">
      <input class="govuk-checkboxes__input" id="input-example-0-3" name="example" type="checkbox" value="Option 3">
      <label class="govuk-label govuk-checkboxes__label" for="input-example-0-3">
        Option 3
      </label>
    </div>
    <div class="govuk-checkboxes__item">
      <input class="govuk-checkboxes__input" id="input-example-0-4" name="example" type="checkbox" value="Option 4">
      <label class="govuk-label govuk-checkboxes__label" for="input-example-0-4">
        Option 4
      </label>
    </div>
    <div class="govuk-checkboxes__item">
      <input class="govuk-checkboxes__input" id="input-example-0-5" name="example" type="checkbox" value="Option 5">
      <label class="govuk-label govuk-checkboxes__label" for="input-example-0-5">
        Option 5
      </label>
    </div>
  </div>
</div>


      </div>
    </div>

</fieldset>
</div>