14.1 #Input.char-counter Input and textarea with character counter

Toggle example guides Toggle HTML markup

.sf-input .-char-counter

352


-9
Html
    <div class="sf-input -char-counter">
        <input type="text" class="sf-input__field" id="input-45" />
        <span class="sf-input__char-counter">352</span>
    </div>
    </br>
    </br>
    <div class="sf-input -textarea -char-counter">
        <textarea type="textarea" class="sf-input__textarea" id="textarea-4">Longer than 4</textarea>
        <span class="sf-input__char-counter -error">-9</span>
    </div>