slider-input-react

slider input component for react application

Usage no npm install needed!

<script type="module">
  import sliderInputReact from 'https://cdn.skypack.dev/slider-input-react';
</script>

README

Slider Input React

Slider Input React is a slider input component for your react application. Below are the simple steps for installing and using Slider Input React.

Latest version

1.0.2

How to install

npm install slider-input-react

How to use

Import

import { SliderInputReact } from "slider-input-react";

Render basic component

<SliderInputReact />

Render component with props

import React, { Component } from 'react'
import './App.css';
import SliderInputComponent from 'slider-input-react';

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

Home page

https://github.com/Official-Rahul/slider-input-react

Github Repo

https://github.com/Official-Rahul/slider-input-react

Npm link

https://www.npmjs.com/package/slider-input-react