A React Wrapper Component to display character counts against controllered input elements
npm install react-character-counter#### NPM
```
npm install react-character-counter --save
This Component only works for controlled inputs
`
import CharacterCounter from 'react-character-counter'
state = {
name: ''
}
`
#### Accepted Props are below
``
{
value: String, Required
maxLength: Number, Required
wrapperStyle: Object, Optional
characterCounterStyle: Object, Optional
overrideStyle: Boolean, Optional
}
#### Adding more styles can be done as
``
maxLength={120}
wrapperStyle={{position: 'relative'}}
characterCounterStyle={{color: 'orange'}}
>
#### Overriding existing Styling and positioning all together can be done as
``
maxLength={120}
wrapperStyle={{position: 'relative'}}
characterCounterStyle={{
position: "absolute",
fontSize: "12px",
fontWeight: "600",
top: "14px",
right: "0px"
}}
>
#### Default Styling is listed below
##### Wrapper Style
``
{
position: "relative"
}
##### Character Counter Style
```
{
position: "absolute",
fontSize: "12px",
fontWeight: "600"
}