<label for="s" class="vgr-visually-hidden">Sök</label>
<div class="vgr-form-field">
    <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--autocomplete" type="search" id="s" placeholder="Sök">
</div>
<label for="{{ id }}" class="vgr-visually-hidden">{{ label }}</label>
<div class="vgr-form-field">
  <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--autocomplete" type="search" id="{{ id }}" placeholder="{{ placeholder }}">
</div>
{
  "id": "s",
  "label": "Sök",
  "placeholder": "Sök"
}

There are no notes for this item.