<div class="form-group">
    <label class="text-center w-100">
    Text Label
    <div class="input-group rounded-0">
      <input type="text" class="form-control" name="text">
      <div class="input-group-append d-none d-lg-block">
        <button class="btn btn-outline-primary rounded-0 w-100" type="submit">Sök</button>
      </div>
    </div>
  </label>
    <div class="d-flex d-lg-none justify-content-center">
        <button class="btn rounded btn-primary" type="submit">Sök</button>
    </div>
</div>
<div class="form-group{{modifiers modifiers}}">
  <label class="text-center{{modifiers label-modifiers}}">
    {{label}}
    <div class="input-group{{modifiers group-modifiers}}">
      <input type="{{type}}" class="form-control" name="{{name}}"{{#if placeholder}} placeholder="{{placeholder}}"{{/if}}{{#if help}} aria-describedby="{{help.id}}"{{/if}}{{#if required}} required{{/if}}{{#if disabled}} disabled{{/if}}>
      <div class="input-group-append d-none d-lg-block">
        <button class="btn{{modifiers submit-modifiers}}" type="submit">{{submit-label}}</button>
      </div>
    </div>
  </label>
  <div class="d-flex d-lg-none justify-content-center">
    <button class="btn rounded btn-primary" type="submit">{{submit-label}}</button>
  </div>
  {{#if help}}
    {{render "@form-help" help}}
  {{/if}}
</div>
{
  "type": "text",
  "name": "text",
  "label": "Text Label",
  "submit-label": "Sök",
  "label-modifiers": [
    "w-100"
  ],
  "group-modifiers": [
    "rounded-0"
  ],
  "submit-modifiers": [
    "btn-outline-primary",
    "rounded-0",
    "w-100"
  ]
}

There are no notes for this item.