digitalmarketplace-frontend/dist/digitalmarketplace/components/question-pricing/template-with-optional-fields.html

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

<fieldset class="govuk-fieldset dm-pricing">
  <legend class="govuk-fieldset__legend govuk-fieldset__legend--m">
    Here is the pricing question
  </legend>

  <div class="govuk-form-group">






      <div class="govuk-form-group">
  <label class="govuk-label" for="input-examplePriceUnit">
    Unit
  </label>
  <select class="govuk-select" id="input-examplePriceUnit" name="examplePriceUnit">
    <option value=""></option>
    <option value="Unit">a unit</option>
    <option value="Licence">a licence</option>
    <option value="User">a user</option>
    <option value="Device">a device</option>
    <option value="Instance">a instance</option>
    <option value="Server">a server</option>
    <option value="Virtual machine">a virtual machine</option>
    <option value="Transaction">a transaction</option>
    <option value="Megabyte">a megabyte</option>
    <option value="Gigabyte">a gigabyte</option>
    <option value="Terabyte">a terabyte</option>
  </select>
</div>







      <div class="govuk-form-group">
  <label class="govuk-label" for="input-examplePriceInterval">
    Time (optional)
  </label>
  <select class="govuk-select" id="input-examplePriceInterval" name="examplePriceInterval">
    <option value=""></option>
    <option value="Second">a second</option>
    <option value="Minute">a minute</option>
    <option value="Hour">a hour</option>
    <option value="Day">a day</option>
    <option value="Week">a week</option>
    <option value="Month">a month</option>
    <option value="Quarter">a quarter</option>
    <option value="6 months">a 6 months</option>
    <option value="Year">a year</option>
  </select>
</div>




      <div class="govuk-form-group">
  <label class="govuk-label" for="input-examplePriceMin">
    Minimum price
  </label>
  <div id="input-examplePriceMin-hint" class="govuk-hint">
    For example, £199.99
  </div>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">£</div>
    <input class="govuk-input govuk-input--width-10" id="input-examplePriceMin" name="examplePriceMin" type="text" aria-describedby="input-examplePriceMin-hint">
  </div>
</div>



      <div class="govuk-form-group">
  <label class="govuk-label" for="input-examplePriceMax">
    Maximum price (optional)
  </label>
  <div id="input-examplePriceMax-hint" class="govuk-hint">
    For example, £199.99
  </div>
  <div class="govuk-input__wrapper">
    <div class="govuk-input__prefix" aria-hidden="true">£</div>
    <input class="govuk-input govuk-input--width-10" id="input-examplePriceMax" name="examplePriceMax" type="text" aria-describedby="input-examplePriceMax-hint">
  </div>
</div>

  </div>

</fieldset>