digitalmarketplace-frontend/dist/digitalmarketplace/components/question/template-list-multiquestion-default.html

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

<div
  class="question "
  id="listMultiquestion"
>
    
    
<div class="govuk-form-group">
<fieldset class="govuk-fieldset" data-module="dm-question-list-multiquestion-client-side" data-max-number-of-items="5" id="input-listMultiquestion">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    Enter as many items as needed
  </legend>

    <div class="dm-list-multiquestion__items">
          <div class="dm-list-multiquestion__item govuk-!-margin-bottom-6">
<fieldset class="govuk-fieldset">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    I am question 1
  </legend>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-one-half">
                  <div
  class="question "
  id="listMultiquestionText00"
>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText00">
    Here is the first question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText00" name="listMultiquestionText00" type="text">
</div>


</div>

                </div>
                <div class="dm-multiquestion__item-input-column govuk-grid-column-one-half">
                  <div
  class="question "
  id="listMultiquestionText01"
>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText01">
    Here is the second question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText01" name="listMultiquestionText01" type="text">
</div>


</div>

                </div>
                  </div>

</fieldset>
          </div>          <div class="dm-list-multiquestion__item govuk-!-margin-bottom-6">
<fieldset class="govuk-fieldset">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    I am question 2
  </legend>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-one-half">
                  <div
  class="question "
  id="listMultiquestionText10"
>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText10">
    Here is the first question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText10" name="listMultiquestionText10" type="text">
</div>


</div>

                </div>
                <div class="dm-multiquestion__item-input-column govuk-grid-column-one-half">
                  <div
  class="question "
  id="listMultiquestionText11"
>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText11">
    Here is the second question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText11" name="listMultiquestionText11" type="text">
</div>


</div>

                </div>
                  </div>

</fieldset>
          </div>          <div class="dm-list-multiquestion__item govuk-!-margin-bottom-6">
<fieldset class="govuk-fieldset">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    I am question 3
  </legend>
                  <div class="govuk-grid-row govuk-!-margin-bottom-2">
                <div class="dm-multiquestion__item-input-column govuk-grid-column-one-half">
                  <div
  class="question "
  id="listMultiquestionText20"
>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText20">
    Here is the first question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText20" name="listMultiquestionText20" type="text">
</div>


</div>

                </div>
                <div class="dm-multiquestion__item-input-column govuk-grid-column-one-half">
                  <div
  class="question "
  id="listMultiquestionText21"
>
    


<div class="govuk-form-group">
  <label class="govuk-label govuk-label--m" for="input-listMultiquestionText21">
    Here is the second question
  </label>
  <input class="govuk-input" id="input-listMultiquestionText21" name="listMultiquestionText21" type="text">
</div>


</div>

                </div>
                  </div>

</fieldset>
          </div>    </div>

    <div class="govuk-grid-row">
      <div class="govuk-grid-column-full">
        <button type="button" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove<span class="govuk-visually-hidden"> item <span class="dm-list-multiquestion__item-remove-counter">0</span></span>
</button>
      </div>
    </div>

    <div class="govuk-grid-row">
      <div class="govuk-grid-column-full">
        <button type="button" class="govuk-button govuk-button--secondary dm-list-multiquestion__item-add govuk-visually-hidden" data-module="govuk-button">
  Add (<span class="dm-list-multiquestion__item-add-counter">0</span> remaining)
</button>
      </div>
    </div>

</fieldset>
</div>


</div>