<div class="vgr-form-field">

    <input class="vgr-form-field__input" id="text" type="hidden" placeholder="" name="type-hidden" value="Hidden">

</div>
<div class="vgr-form-field">
  {% if type != "checkboxes" and type != "radios" and input.type != "submit" %}
   {% if label %}
    <label class="vgr-form__label" for="{{ id }}">{{ label }}</label>
    {% endif %}
  {% endif %}

  {% if type == "textarea" %}
  <textarea class="vgr-form-field__input" id="{{ id }}" type="{{ type }}" placeholder="{{ placeholder }}" name="type-{{ type }}" value="{{ value }}" rows="5" cols="60"{% if required %} required="required" aria-required="true"{% endif %}></textarea>
  {% elseif type == "checkboxes" or type == "radios" %}
    <fieldset >
      {% if title %}
        <legend>{{ title }}</legend>
      {% endif %}
      {% if description %}
        <p class="vgr-form__description">{{ description }}</p>
      {% endif %}
      <ul>
      {% for item in options %}
        <li>
          <input class="vgr-form-field__input" id="{{ item.id }}" type="{{ item.type }}" name="type-{{ item.type }}" value="{{ item.value }}"{% if item.required %} required="required" aria-required="true"{% endif %}>
          <label class="vgr-form__label" for="{{ item.id }}">{{ item.label }}</label>
        </li>
      {% endfor %}
      </ul>
    </fieldset>
  {% elseif icon %}
  <svg class="vgr-form-field__icon" width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11z" fill-rule="evenodd"/></svg>
  <input class="vgr-form-field__input vgr-form-field__input--icon vgr-form-field__input--autocomplete" type="search" id="{{ id }}" placeholder="{{ placeholder }}">
  {% else %}
  <input class="vgr-form-field__input" id="{{ id }}" type="{{ type }}" placeholder="{{ placeholder }}" name="type-{{ type }}" value="{{ value }}"{% if required %} required="required" aria-required="true"{% endif %}>
  {% endif %}
</div>
{
  "label": null,
  "id": "text",
  "type": "hidden",
  "placeholder": null,
  "value": "Hidden",
  "required": null,
  "maxLength": null
}

There are no notes for this item.