poly-web-ui 1.5.0-dev

Input group component

We are using the foundation implementation for input group

Additionally we added the class .inline-button which add an inline submit button.

Example

html
<div class="input-group inline-button">
  <input class="input-group-field" type="text" placeholder="Suchbegriff, Artikelnummer oder EAN eingeben...">
  <div class="input-group-button">
    <button type="submit" class="button clear">
       <i class="icon icon-search"></i>
     </button>
  </div>
</div>

Example

html
<div class="input-group inline-button inline-button--left">
  <input class="input-group-field" type="text" placeholder="Suchbegriff, Artikelnummer oder EAN eingeben...">
  <div class="input-group-button">
    <button type="submit" class="button clear">
       <i class="icon icon-search"></i>
     </button>
  </div>
</div>