Form Counter Styles

Text Area

                        <fieldset class="form__row">
                            <div class="form__input form__counter js-validation js-required-validation">
                                <textarea name="name" rows="8" cols="80" id="textarea1" placeholder="Hint Text" maxlength="50"></textarea>
                                <label for="textarea1">Label Textarea</label>
                            </div>
                        </fieldset>

Input Text

                        <fieldset class="form__row">
                            <div class="form__input form__counter js-validation js-required-validation">
                                <input type="text" name="#NAME" value="" placeholder="Hint Text" id="text"  maxlength="20"/>
                                <label for="text">Label Text</label>
                            </div>
                        </fieldset>

Form Counter Documentation

Use

To make any text based input or textarea display a counter add the form__counter class to the parent of the input. The input must also has a maxlength attribute set.