digitalmarketplace-frontend/dist/digitalmarketplace/components/question-list/template-with-error-message.html

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

<div class="govuk-form-group govuk-form-group--error">
<fieldset class="govuk-fieldset dm-list" data-module="dm-question-list" data-max-number-of-items="10" data-number-of-items-shown-as-default="2" aria-describedby="input-example">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    Here is the service question
  </legend>

      <p id="input-example" class="govuk-error-message">
  <span class="govuk-visually-hidden">Error:</span> You must select at least one option
</p>


    <div class="dm-list__items">
        <div class="govuk-grid-row dm-list__item">
          <div class="dm-list__item-input-column">
            <div class="govuk-form-group">
  <label class="govuk-label govuk-visually-hidden" for="input-example-0">
    Entry number <span class="dm-list__item-label-counter">1</span>
  </label>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">1.</div>
    <input class="govuk-input dm-list__item-input" id="input-example-0" name="example" type="text">
  </div>
</div>

          </div>
          <div class="dm-list__item-remove-column">
            <button type="button" class="govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove <span class="govuk-visually-hidden">entry number <span class="dm-list__item-remove-counter">1</span></span>
</button>
          </div>
        </div>
        <div class="govuk-grid-row dm-list__item">
          <div class="dm-list__item-input-column">
            <div class="govuk-form-group">
  <label class="govuk-label govuk-visually-hidden" for="input-example-1">
    Entry number <span class="dm-list__item-label-counter">2</span>
  </label>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">2.</div>
    <input class="govuk-input dm-list__item-input" id="input-example-1" name="example" type="text">
  </div>
</div>

          </div>
          <div class="dm-list__item-remove-column">
            <button type="button" class="govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove <span class="govuk-visually-hidden">entry number <span class="dm-list__item-remove-counter">2</span></span>
</button>
          </div>
        </div>
        <div class="govuk-grid-row dm-list__item">
          <div class="dm-list__item-input-column">
            <div class="govuk-form-group">
  <label class="govuk-label govuk-visually-hidden" for="input-example-2">
    Entry number <span class="dm-list__item-label-counter">3</span>
  </label>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">3.</div>
    <input class="govuk-input dm-list__item-input" id="input-example-2" name="example" type="text">
  </div>
</div>

          </div>
          <div class="dm-list__item-remove-column">
            <button type="button" class="govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove <span class="govuk-visually-hidden">entry number <span class="dm-list__item-remove-counter">3</span></span>
</button>
          </div>
        </div>
        <div class="govuk-grid-row dm-list__item">
          <div class="dm-list__item-input-column">
            <div class="govuk-form-group">
  <label class="govuk-label govuk-visually-hidden" for="input-example-3">
    Entry number <span class="dm-list__item-label-counter">4</span>
  </label>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">4.</div>
    <input class="govuk-input dm-list__item-input" id="input-example-3" name="example" type="text">
  </div>
</div>

          </div>
          <div class="dm-list__item-remove-column">
            <button type="button" class="govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove <span class="govuk-visually-hidden">entry number <span class="dm-list__item-remove-counter">4</span></span>
</button>
          </div>
        </div>
        <div class="govuk-grid-row dm-list__item">
          <div class="dm-list__item-input-column">
            <div class="govuk-form-group">
  <label class="govuk-label govuk-visually-hidden" for="input-example-4">
    Entry number <span class="dm-list__item-label-counter">5</span>
  </label>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">5.</div>
    <input class="govuk-input dm-list__item-input" id="input-example-4" name="example" type="text">
  </div>
</div>

          </div>
          <div class="dm-list__item-remove-column">
            <button type="button" class="govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove <span class="govuk-visually-hidden">entry number <span class="dm-list__item-remove-counter">5</span></span>
</button>
          </div>
        </div>
        <div class="govuk-grid-row dm-list__item">
          <div class="dm-list__item-input-column">
            <div class="govuk-form-group">
  <label class="govuk-label govuk-visually-hidden" for="input-example-5">
    Entry number <span class="dm-list__item-label-counter">6</span>
  </label>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">6.</div>
    <input class="govuk-input dm-list__item-input" id="input-example-5" name="example" type="text">
  </div>
</div>

          </div>
          <div class="dm-list__item-remove-column">
            <button type="button" class="govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove <span class="govuk-visually-hidden">entry number <span class="dm-list__item-remove-counter">6</span></span>
</button>
          </div>
        </div>
        <div class="govuk-grid-row dm-list__item">
          <div class="dm-list__item-input-column">
            <div class="govuk-form-group">
  <label class="govuk-label govuk-visually-hidden" for="input-example-6">
    Entry number <span class="dm-list__item-label-counter">7</span>
  </label>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">7.</div>
    <input class="govuk-input dm-list__item-input" id="input-example-6" name="example" type="text">
  </div>
</div>

          </div>
          <div class="dm-list__item-remove-column">
            <button type="button" class="govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove <span class="govuk-visually-hidden">entry number <span class="dm-list__item-remove-counter">7</span></span>
</button>
          </div>
        </div>
        <div class="govuk-grid-row dm-list__item">
          <div class="dm-list__item-input-column">
            <div class="govuk-form-group">
  <label class="govuk-label govuk-visually-hidden" for="input-example-7">
    Entry number <span class="dm-list__item-label-counter">8</span>
  </label>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">8.</div>
    <input class="govuk-input dm-list__item-input" id="input-example-7" name="example" type="text">
  </div>
</div>

          </div>
          <div class="dm-list__item-remove-column">
            <button type="button" class="govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove <span class="govuk-visually-hidden">entry number <span class="dm-list__item-remove-counter">8</span></span>
</button>
          </div>
        </div>
        <div class="govuk-grid-row dm-list__item">
          <div class="dm-list__item-input-column">
            <div class="govuk-form-group">
  <label class="govuk-label govuk-visually-hidden" for="input-example-8">
    Entry number <span class="dm-list__item-label-counter">9</span>
  </label>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">9.</div>
    <input class="govuk-input dm-list__item-input" id="input-example-8" name="example" type="text">
  </div>
</div>

          </div>
          <div class="dm-list__item-remove-column">
            <button type="button" class="govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove <span class="govuk-visually-hidden">entry number <span class="dm-list__item-remove-counter">9</span></span>
</button>
          </div>
        </div>
        <div class="govuk-grid-row dm-list__item">
          <div class="dm-list__item-input-column">
            <div class="govuk-form-group">
  <label class="govuk-label govuk-visually-hidden" for="input-example-9">
    Entry number <span class="dm-list__item-label-counter">10</span>
  </label>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">10.</div>
    <input class="govuk-input dm-list__item-input" id="input-example-9" name="example" type="text">
  </div>
</div>

          </div>
          <div class="dm-list__item-remove-column">
            <button type="button" class="govuk-button govuk-button--secondary dm-list__item-remove govuk-visually-hidden" data-module="govuk-button">
  Remove <span class="govuk-visually-hidden">entry number <span class="dm-list__item-remove-counter">10</span></span>
</button>
          </div>
        </div>
    </div>
    <div class="govuk-grid-row">
      <div class="govuk-grid-column-full">
        <button type="button" class="govuk-button govuk-button--secondary dm-list__item-add govuk-visually-hidden" data-module="govuk-button">
  Add another (<span class="dm-list__item-add-counter">0</span> remaining)
</button>
      </div>
    </div>

</fieldset>
</div>