<char-counter>

About

This is a simple drop-in web component that lets you add a character counter to your web form through a <char-counter /> tag. Check out the examples below to see what sort of customizations the component offers, then check out the documentation for further info.

Examples

View code

"Out the box" example

View code

Works with a default value

View code

Works with <input>'s too

View code

Setting a max length

View code

Custom counter labels

View code

Custom styling

Documentation

Check out the github documentation for installation instructions and explanation on the available features.