{"_id":"@blinq-reach/slider","name":"@blinq-reach/slider","dist-tags":{"latest":"0.18.0"},"versions":{"0.18.0":{"name":"@blinq-reach/slider","version":"0.18.0","description":"Accessible React Slider Component","author":{"name":"React Training","email":"hello@reacttraining.com"},"license":"MIT","sideEffects":["*.css"],"repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/slider"},"dependencies":{"@blinq-reach/auto-id":"0.18.0","@blinq-reach/polymorphic":"0.18.0","@blinq-reach/utils":"0.18.0"},"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","tsup":"^6.1.3","@reach-internal/dev":"0.0.0","@reach-internal/test":"0.0.0","@reach-internal/tsconfig":"0.0.0"},"peerDependencies":{"react":"^16.9.0 || 17.x","react-dom":"^16.9.0 || 17.x"},"main":"./dist/reach-slider.cjs.js","types":"./dist/reach-slider.d.ts","publishConfig":{"access":"public"},"module":"./dist/reach-slider.mjs","scripts":{"build":"tsup"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"homepage":"https://github.com/reach/reach-ui#readme","_id":"@blinq-reach/slider@0.18.0","_integrity":"sha512-xyO3oDVYH05NEZqBA8hRXFmNxbQrw0Bpq5F1qqiR8qMNWkUV2DgxRMKUOECzexzkDZS9amY+LridXLDoLsLXGg==","_resolved":"/tmp/646e3ea60211ffbba565b10a278f4a2b/blinq-reach-slider-0.18.0.tgz","_from":"file:blinq-reach-slider-0.18.0.tgz","_nodeVersion":"18.16.0","_npmVersion":"9.5.1","dist":{"integrity":"sha512-xyO3oDVYH05NEZqBA8hRXFmNxbQrw0Bpq5F1qqiR8qMNWkUV2DgxRMKUOECzexzkDZS9amY+LridXLDoLsLXGg==","shasum":"8bdfcbe003fdd1a6f7fec7896bc7a39a2c95f647","tarball":"https://registry.npmjs.org/@blinq-reach/slider/-/slider-0.18.0.tgz","fileCount":5,"unpackedSize":7236,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD08r/d6/EkiWmOK7narAeknxNZDSZDVwZZhJTrImoeOQIgGE6kpkCMmL//KUQBJGr1CHrxbcYxGgWrGuhNUnDzJbA="}]},"_npmUser":{"name":"willhackett","email":"will@willhackett.com"},"directories":{},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/slider_0.18.0_1684374055094_0.5988933386133664"},"_hasShrinkwrap":false}},"time":{"created":"2023-05-18T01:40:54.991Z","0.18.0":"2023-05-18T01:40:55.236Z","modified":"2023-05-18T01:40:55.434Z"},"maintainers":[{"name":"willhackett","email":"will@willhackett.com"}],"description":"Accessible React Slider Component","homepage":"https://github.com/reach/reach-ui#readme","repository":{"type":"git","url":"git+https://github.com/reach/reach-ui.git","directory":"packages/slider"},"author":{"name":"React Training","email":"hello@reacttraining.com"},"bugs":{"url":"https://github.com/reach/reach-ui/issues"},"license":"MIT","readme":"# @reach/slider\n\n[![Stable release](https://img.shields.io/npm/v/@reach/slider.svg)](https://npm.im/@reach/slider) ![MIT license](https://badgen.now.sh/badge/license/MIT)\n\n[Docs](https://reach.tech/slider) | [Source](https://github.com/reach/reach-ui/tree/main/packages/slider) | [WAI-ARIA](https://www.w3.org/TR/wai-aria-practices-1.2/#slider)\n\nA UI input component where the user selects a value from within a given range. A Slider has a handle that can be moved along a track to change its value. When the user's mouse or focus is on the Slider's handle, the value can be incremented with keyboard controls.\n\n```jsx\nimport {\n\tSlider,\n\tSliderInput,\n\tSliderTrack,\n\tSliderRange,\n\tSliderHandle,\n\tSliderMarker,\n} from \"@blinq-reach/slider\";\nimport \"@reach/slider/styles.css\";\n\nfunction Example() {\n\treturn <Slider min={0} max={200} step={10} />;\n}\n\nfunction ExampleComposed() {\n\treturn (\n\t\t<SliderInput min={0} max={200} step={10}>\n\t\t\t<SliderTrack>\n\t\t\t\t<SliderRange />\n\t\t\t\t<SliderHandle />\n\t\t\t</SliderTrack>\n\t\t</SliderInput>\n\t);\n}\n```\n","readmeFilename":"README.md"}