{"_id":"@atis/react-input-slider","_rev":"3-4b8595fe5210de9598d9be14a806f102","name":"@atis/react-input-slider","description":"React input slider component","dist-tags":{"latest":"1.5.0"},"versions":{"1.5.0":{"name":"@atis/react-input-slider","version":"1.5.0","description":"React input slider component","main":"index.js","scripts":{"start":"webpack-dev-server -c --port=7788","build":"make","deploy":"npm run build && github-pages-deploy","test":"echo \"Error: no test specified\" && exit 1"},"github-pages-deploy":{"src":"example"},"repository":{"type":"git","url":"git+https://github.com/wangzuo/react-input-slider.git"},"keywords":["input","react","react-component","slider"],"author":{"name":"Wang Zuo"},"license":"MIT","bugs":{"url":"https://github.com/wangzuo/react-input-slider/issues"},"homepage":"https://github.com/wangzuo/react-input-slider","peerDependencies":{"react":"^0.14.0 || ^15","react-dom":"^0.14.0 || ^15"},"devDependencies":{"babel-core":"^6.1.2","babel-loader":"^6.1.0","babel-preset-es2015":"^6.1.2","babel-preset-react":"^6.1.2","css-loader":"^0.22.0","github-pages-deploy":"0.0.3","less":"^2.4.0","node-libs-browser":"^0.5.2","style-loader":"^0.13.0","webpack":"^1.12.3"},"dependencies":{"blacklist":"^1.1.2","classnames":"^2.2.0"},"gitHead":"3520c235bf38a793c3ebce4e8c6af502d8eb2565","_id":"@atis/react-input-slider@1.5.0","_shasum":"babd3f3539d8ad9d4f978b3c21dce16f3d12992f","_from":".","_npmVersion":"3.3.12","_nodeVersion":"5.3.0","_npmUser":{"name":"atis","email":"atis@aol.es"},"dist":{"shasum":"babd3f3539d8ad9d4f978b3c21dce16f3d12992f","tarball":"https://registry.npmjs.org/@atis/react-input-slider/-/react-input-slider-1.5.0.tgz","integrity":"sha512-u0J/bLYF65BRBuP7oiBDNKAJbRsB2zea0RUsqNrVGVxpIrfLHE4lg68DNGfpkc8lGwLl9HLgOoQ+23oP5hqBgA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEnMbnCeXVTneEHfVRBl8ZaOVYvEknVjfZojukLx3wD8AiEA6pPSb/zWIySGvIuQZYVIr6DGnfaY3JA1LVoQvVkWszI="}]},"maintainers":[{"name":"atis","email":"atis@aol.es"}],"_npmOperationalInternal":{"host":"packages-12-west.internal.npmjs.com","tmp":"tmp/react-input-slider-1.5.0.tgz_1462795951891_0.0934754298068583"}}},"readme":"# react-input-slider\nReact input slider component\n### Installation\n``` sh\nnpm install react-input-slider --save\n```\n### Demo\n[https://wangzuo.github.io/react-input-slider](https://wangzuo.github.io/react-input-slider)\n### Usage\n``` javascript\nvar React = require('react');\nvar InputSlider = require('react-input-slider');\n\nvar App = React.createClass({\n  getInitialState() {\n    return {\n      x: 10,\n      y: 10\n    };\n  },\n\n  render() {\n    return (\n      <InputSlider\n        className=\"slider slider-xy\"\n        axis='xy'\n        x={this.state.x}\n        xmax={100}\n        y={this.state.y}\n        ymax={100}\n        onChange={this.handleChange}\n      />\n    );\n  },\n\n  handleChange(pos) {\n    this.setState({\n      x: pos.x,\n      y: pos.y\n    });\n  }\n});\n```\n### Props\n|name |type   | description | default\n|-----|----   | ----------  | -------\n|axis |string | type of slider (`'x'`, `'y'`, `'xy'`)| `'x'`\n|x    |number | value of x  ||\n|xmax |number | max of x    ||\n|xmin |number | min of x    | `0`\n|y    |number | value of y  ||\n|ymax |number | max of y    ||\n|ymin |number | min of y    | `0`\n|onChange|function|change callback|`null`\n|onDragEnd|function|dragEnd callback|`null`\n### License\nMIT\n","maintainers":[{"name":"atis","email":"atis@aol.es"}],"time":{"modified":"2022-06-12T14:49:58.965Z","created":"2016-05-09T12:12:34.490Z","1.5.0":"2016-05-09T12:12:34.490Z"},"homepage":"https://github.com/wangzuo/react-input-slider","keywords":["input","react","react-component","slider"],"repository":{"type":"git","url":"git+https://github.com/wangzuo/react-input-slider.git"},"author":{"name":"Wang Zuo"},"bugs":{"url":"https://github.com/wangzuo/react-input-slider/issues"},"license":"MIT","readmeFilename":"README.md"}