React Bootstrap Counter
A counter input component for react using bootstrap
react-bootstrap-counter uses bootstrap and font-awesome for styling so don't forget to include them.
Installation
npm install react-bootstrap-counter --save
Usage
;;;ReactDOM;
Props
value
Initial value of the input default is 0
.
max
Maximum range input value can go default is infinite
.
min
Maximum range input value can go default is 0
.
onChange
Get called whenever input field value gets changed returns input value
as a argument.
{ console.log(value) } } />
Customize look and feel
The main parent div is consist of a class .counter-input
with this you can style its children because react-bootstrap-counter uses bootstrap you can customize it fairly easily
/* to style input use *//* to style buttons use */
Using this component then please star this component and feel free to contribute.
About Me
- My website (manojsinghnegi.com)
- Github (@manojsinghnegiwd)
- Twitter (@manojnegiwd)