Skip to content

Latest commit

 

History

History
31 lines (24 loc) · 2.07 KB

File metadata and controls

31 lines (24 loc) · 2.07 KB

A React number slider app that helps to select a number from range.

Hosted on github pages

Props value Type Defaut Value Description
min number 0 minimum value for number slider.
max number 100 maximum value for number slider.
value number 0 default value for slider. Should be >= to min and <=max
step number 1 the granularity of the slider.
disabled bool false slider is disabled or not.
isError bool false Is there any error.
helperText string '' Helper text used for error message or extra info.
showTooltip bool true It shows tool tip with value.
showInput bool false It Shows input box with current value and change the value with input.
label string '' Shows label for slider.

Technologies and Packages Used

  • React Js
  • Styled-component

To Install and Run the project

  • Clone the repository at your machine with git clone https://github.com/ronaksonigara/react-range-slider.git.
  • Go to the main folder react-range-slider.
  • Open terminal in react-range-slider and run npm install.
  • To run the project execute command npm start in terminal.
  • To run storybook execute command npm run storybook.