Input Counter Widget

Adds a counter element to input and textarea elements.

Options:

Persistence | data-input_counter-persistent | bool | Optional

Omits to hide the counter element. This option is optional and the default value is true, so the counter element is permanent displayed.

Pull | data-input_counter-persistent | bool/string | Optional

The option gives the possibility to pull the counter element to whether the right or left side.

Example

<!-- Default input counter element -->
<input type="text" data-gx-widget="input_counter">
<textarea data-gx-widget="input_counter"></textarea>

<!-- Show element on focus and hide on blur -->
<input type="text" data-input_counter-persistent="false">

<!-- Disable counter pull -->
<input type="text" data-input_counter-pull="false">

<!-- Pull counter to left side -->
<input type="text" data-input_counter-pull="left">
Source: