react-character-counter

Installation

$3

#### NPM

``
npm install react-character-counter --save
`

$3

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

`
value={this.state.name}
maxLength={120}
wrapperStyle={{position: 'relative'}}
characterCounterStyle={{color: 'orange'}}
>


`

#### Overriding existing Styling and positioning all together can be done as

`
value={this.state.name}
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"
}
``