14.16 #Input.units Input with units

Toggle example guides Toggle HTML markup

.sf-input.-unit



Html
    <div class="sf-input -left -unit">
        <input type="search" class="sf-input__field" id="input-24" />
        <label for="input-24" class="sf-icon -light -size-s sf-input__unit"><i class="sf-fa sf-fa-eur"></i></label>
    </div>
    </br>
    </br>
    <div class="sf-input -unit">
        <input type="search" class="sf-input__field" id="input-4" />
        <label  class="sf-icon -light -size-s sf-input__unit" for="input-4">m<sup>2</sup></label>
    </div>