{"_id":"@abhilaksharora/multi-range-slider","_rev":"4-76501d209cbf2f277018da448fee11d4","name":"@abhilaksharora/multi-range-slider","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.0":{"name":"@abhilaksharora/multi-range-slider","version":"1.0.0","description":"MultiRangeSlider is a React component that allows users to select a range of values using multiple sliders","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Abhilaksh Arora"},"license":"MIT","dependencies":{"classnames":"^2.5.1","prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0"},"_id":"@abhilaksharora/multi-range-slider@1.0.0","types":"./index.d.ts","_nodeVersion":"20.12.1","_npmVersion":"10.1.0","dist":{"integrity":"sha512-gZ9wPJ7y999tWs7cwkNFGq+SlSjH/gy1ki9iXwysecn9ldbWRiRDEg9NGjp5xtDdNb8l0AC4+S+nYZ90YRDyRA==","shasum":"fd62e5a769c10e8f6800be98cbee8441833085db","tarball":"https://registry.npmjs.org/@abhilaksharora/multi-range-slider/-/multi-range-slider-1.0.0.tgz","fileCount":7,"unpackedSize":7842,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDTTL2D/81Aectfowui21o8LN9Jm33KSxRmvl1tr/zLOgIhAL3S+DuD4EmXvUAxnl+iNyCHTxNXOnmo9tF/QEznDofN"}]},"_npmUser":{"name":"abhilaksharora","email":"abhilaksharora@gmail.com"},"directories":{},"maintainers":[{"name":"abhilaksharora","email":"abhilaksharora@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/multi-range-slider_1.0.0_1712515524848_0.24946745492133449"},"_hasShrinkwrap":false},"1.0.2":{"name":"@abhilaksharora/multi-range-slider","version":"1.0.2","description":"MultiRangeSlider is a React component that allows users to select a range of values using multiple sliders","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Abhilaksh Arora"},"license":"MIT","dependencies":{"classnames":"^2.5.1","prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0"},"_id":"@abhilaksharora/multi-range-slider@1.0.2","types":"./index.d.ts","_nodeVersion":"20.12.1","_npmVersion":"10.1.0","dist":{"integrity":"sha512-JScNgE/unSxOeih1eLJET+42ALsefKG5ITNnnyidIhS8tWJx3omSPby2xycmOnHCYpx9nQHOTBkgQh60NMliww==","shasum":"b9e2a60f0821e77dc7270316a8c86832ff1198c3","tarball":"https://registry.npmjs.org/@abhilaksharora/multi-range-slider/-/multi-range-slider-1.0.2.tgz","fileCount":7,"unpackedSize":7758,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCZ7rNLTCgoaAZJ2KbBRjzOSMa7TEC78XDbpNii8ETYpwIhAMidrdxbl0Q58nIxA3iLik9Iod/uQo/NGgDwnNADK290"}]},"_npmUser":{"name":"abhilaksharora","email":"abhilaksharora@gmail.com"},"directories":{},"maintainers":[{"name":"abhilaksharora","email":"abhilaksharora@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/multi-range-slider_1.0.2_1712515600698_0.3524581653314578"},"_hasShrinkwrap":false},"1.0.3":{"name":"@abhilaksharora/multi-range-slider","version":"1.0.3","description":"MultiRangeSlider is a React component that allows users to select a range of values using multiple sliders","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Abhilaksh Arora"},"license":"MIT","dependencies":{"classnames":"^2.5.1","prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@babel/core":"^7.24.4","@babel/preset-env":"^7.24.4","@babel/preset-react":"^7.24.1","babel-loader":"^9.1.3"},"_id":"@abhilaksharora/multi-range-slider@1.0.3","types":"./index.d.ts","_nodeVersion":"20.12.1","_npmVersion":"10.1.0","dist":{"integrity":"sha512-f3ucAleGlWLWZB0xF1tUiY24B+U4IRcG5zjsqFUE+CIrUUmo/lu6+UXSXwp/98bfj5O/9h7qDzvJ1EraLyn+bg==","shasum":"0edbb60016c39654e658c54591a639d6c9978e6c","tarball":"https://registry.npmjs.org/@abhilaksharora/multi-range-slider/-/multi-range-slider-1.0.3.tgz","fileCount":9,"unpackedSize":8817,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICeOUbHXDUVIDg7aPBkMPVbN/PHfSqf57kHwa57zjOXOAiEAxEJKFtYHWo1A8CXaS7V6S85f4NycLo9eCGWjLC3g2G4="}]},"_npmUser":{"name":"abhilaksharora","email":"abhilaksharora@gmail.com"},"directories":{},"maintainers":[{"name":"abhilaksharora","email":"abhilaksharora@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/multi-range-slider_1.0.3_1712515979471_0.9774160017600804"},"_hasShrinkwrap":false},"1.0.4":{"name":"@abhilaksharora/multi-range-slider","version":"1.0.4","description":"MultiRangeSlider is a React component that allows users to select a range of values using multiple sliders","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Abhilaksh Arora"},"license":"MIT","dependencies":{"classnames":"^2.5.1","prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0"},"_id":"@abhilaksharora/multi-range-slider@1.0.4","types":"./index.d.ts","_nodeVersion":"20.12.1","_npmVersion":"10.1.0","dist":{"integrity":"sha512-v6GXEsj0n0TG2CsVB3LE9O8OILoc2HQZAKDzBhLF0iNXDhgIGzSEAghD1fp/R07QwMjjns4GbG7gdUem2J2FSA==","shasum":"823ff6c48638152a3843e048a898368f6cbb784b","tarball":"https://registry.npmjs.org/@abhilaksharora/multi-range-slider/-/multi-range-slider-1.0.4.tgz","fileCount":7,"unpackedSize":7758,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCzPa2KMXgPK2j9eWRWna6DxeHb4RTyNZg5srvP/a5EHwIhAN3FLvVB2/poOXxVORPBhlAY6uaOtE+/B0KchJdTfQ58"}]},"_npmUser":{"name":"abhilaksharora","email":"abhilaksharora@gmail.com"},"directories":{},"maintainers":[{"name":"abhilaksharora","email":"abhilaksharora@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/multi-range-slider_1.0.4_1712727515980_0.8783642848602735"},"_hasShrinkwrap":false},"1.0.5":{"name":"@abhilaksharora/multi-range-slider","version":"1.0.5","description":"MultiRangeSlider is a React component that allows users to select a range of values using multiple sliders","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Abhilaksh Arora"},"license":"MIT","dependencies":{"classnames":"^2.5.1","prop-types":"^15.8.1","react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies":{"@babel/core":"^7.24.4","@babel/preset-env":"^7.24.4","@babel/preset-react":"^7.24.1","babel-loader":"^9.1.3","webpack-cli":"^5.1.4"},"_id":"@abhilaksharora/multi-range-slider@1.0.5","types":"./index.d.ts","_nodeVersion":"20.12.1","_npmVersion":"10.1.0","dist":{"integrity":"sha512-FU2UpIq0uf5MKix+2Pk3OkkbH+DnHB1Mm1cq1ijTSJD2NxumgBOmiqjBjzdUtAFWoZ/akj+7BujnZT13aDB1Qw==","shasum":"8e868b3e48beaaca69a9115b1bdb461f6ffd3014","tarball":"https://registry.npmjs.org/@abhilaksharora/multi-range-slider/-/multi-range-slider-1.0.5.tgz","fileCount":9,"unpackedSize":8496,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC2VkmCymTSHB/wTGVbr/6wfcZh7v+bfQe+T0zZf71/2AIgTwTbSSFJVEmzCFryYKo4zDaccZkCZ6kgyQmpr4AJ610="}]},"_npmUser":{"name":"abhilaksharora","email":"abhilaksharora@gmail.com"},"directories":{},"maintainers":[{"name":"abhilaksharora","email":"abhilaksharora@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/multi-range-slider_1.0.5_1712728412080_0.7802465634429161"},"_hasShrinkwrap":false}},"time":{"created":"2024-04-07T18:45:24.747Z","1.0.0":"2024-04-07T18:45:25.015Z","modified":"2024-04-10T05:53:32.449Z","1.0.2":"2024-04-07T18:46:40.841Z","1.0.3":"2024-04-07T18:52:59.625Z","1.0.4":"2024-04-10T05:38:36.147Z","1.0.5":"2024-04-10T05:53:32.286Z"},"maintainers":[{"name":"abhilaksharora","email":"abhilaksharora@gmail.com"}],"description":"MultiRangeSlider is a React component that allows users to select a range of values using multiple sliders","author":{"name":"Abhilaksh Arora"},"license":"MIT","readme":"# MultiRangeSlider\r\n\r\nMultiRangeSlider is a React component that allows users to select a range of values using multiple sliders.\r\n\r\n## Installation\r\n\r\nYou can install MultiRangeSlider via npm:\r\n\r\n```bash\r\nnpm install @abhilaksharora/multi-range-slider\r\n```\r\n\r\n## Usage\r\n\r\n```javaript\r\nimport React, { useState } from 'react';\r\nimport MultiRangeSlider from '@abhilaksharora/multi-range-slider';\r\n\r\nconst App = () => {\r\n const [range, setRange] = useState({ min: 0, max: 100 });\r\n\r\n const handleRangeChange = (values) => {\r\n setRange(values);\r\n };\r\n\r\n return (\r\n
\r\n

Multi Range Slider Example

\r\n \r\n

Selected Range: {range.min} - {range.max}

\r\n
\r\n );\r\n};\r\n\r\nexport default App;\r\n```\r\n\r\n## Props\r\n\r\n- `min` (number, required): The minimum value of the slider.\r\n- `max` (number, required): The maximum value of the slider.\r\n- `onChange` (function, required): A callback function called whenever the selected range changes. It receives an object containing the `min` and `max` values of the range.\r\n\r\n## Contributing\r\n\r\nContributions are welcome! Please feel free to submit issues or pull requests.\r\n\r\n## License\r\n\r\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\r\n\r\n```\r\n\r\n```\r\n","readmeFilename":"Readme.md"}