Slider Input React is a slider input component for your react application. Below are the simple steps for installing and using Slider Input React.
1.0.2
npm install slider-input-react
import { SliderInputReact } from "slider-input-react";
<SliderInputReact />
import React, { Component } from 'react'
import './App.css';
import SliderInputComponent from './components/index';
export class App extends Component {
constructor(props) {
super(props)
this.state = {
value:10,
min:0,
max:100
}
}
changeHandler=(e)=>{
this.setState({
value:e.target.value
})
}
render() {
const {min, max, value}=this.state;
return (
<div className="App">
<SliderInputComponent
min={min}
max={max}
value={value}
changeHandler={this.changeHandler}
></SliderInputComponent>
</div>
)
}
}
export default App
https://github.com/Official-Rahul/slider-input-react