14.5 #Input.input-clear-button Input with clear button

Toggle example guides Toggle HTML markup

.sf-input.-clear

Example: Input example text

Html 
    <div class="sf-input -clearable">
        <label class="sf-input__label" for="input-32">
            <span>Input title</span>
        </label>
        <input type="text" class="sf-input__field" id="input-32" />
        <span class="sf-input__clear-button -show"><i class="sf-icon -size-3xs sf-fa sf-fa-times"></i></span>
        <p class="hint sf-input__hint">Example:&nbsp;Input example text</p>
    </div>