{"_id":"rmc-nuka-carousel","_rev":"13-43db216cea635aeb98f72f8c9bf0b14b","name":"rmc-nuka-carousel","description":"Pure React Carousel","dist-tags":{"latest":"3.0.1","beta":"3.0.0-alpha.2"},"versions":{"2.2.0":{"name":"rmc-nuka-carousel","version":"2.2.0","description":"Pure React Carousel","main":"index.js","dependencies":{"create-react-class":"^15.5.3","exenv":"^1.2.0","kw-react-tween-state":"^0.1.5","object-assign":"^4.1.0"},"devDependencies":{"babel-core":"^5.8.25","babel-eslint":"^4.1.3","babel-loader":"^5.3.2","chai":"^3.3.0","css-loader":"^0.19.0","del":"^2.0.2","eslint":"^1.6.0","eslint-loader":"^1.0.0","eslint-plugin-react":"^3.5.1","gulp":"^3.9.0","gulp-babel":"^5.2.1","gulp-eslint":"^1.0.0","gulp-karma":"0.0.5","gulp-open":"^1.0.0","gulp-util":"^3.0.6","gulp-webpack":"^1.5.0","istanbul":"^0.3.22","istanbul-instrumenter-loader":"^0.1.3","karma":"^0.13.10","karma-chrome-launcher":"^0.2.1","karma-coverage":"^0.5.2","karma-firefox-launcher":"^0.1.6","karma-mocha":"^0.2.0","karma-mocha-reporter":"^1.1.1","karma-phantomjs-launcher":"^1.0.2","karma-script-launcher":"~0.1.0","karma-sinon-chai":"^1.1.0","karma-webpack":"^1.7.0","mocha":"^2.3.3","phantomjs":"^1.9.18","prop-types":"^15.5.8","react":"^15.3.0","react-addons-test-utils":"^15.3.0","react-dom":"^15.3.0","react-hot-loader":"^1.3.0","sinon":"^1.17.1","sinon-chai":"^2.8.0","style-loader":"^0.12.4","url-loader":"^0.5.6","webpack":"^1.12.2","webpack-dev-server":"^1.12.0"},"peerDependencies":{"prop-types":"^15.5.8","react":"^0.14.9 || ^15.3.0","react-dom":"^0.14.9 || ^15.3.0"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/kenwheeler/nuka-carousel.git"},"keywords":["react","carousel","nuka"],"author":{"name":"Ken Wheeler"},"license":"MIT","bugs":{"url":"https://github.com/kenwheeler/nuka-carousel/issues"},"homepage":"https://github.com/kenwheeler/nuka-carousel","gitHead":"37417212b0efe184eda9cee9a1b303fc66596222","_id":"rmc-nuka-carousel@2.2.0","_shasum":"486b1ca431238d93f95c2cefb1a9f573303b65a0","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.0","_npmUser":{"name":"warmhug","email":"hualei5280@gmail.com"},"dist":{"shasum":"486b1ca431238d93f95c2cefb1a9f573303b65a0","tarball":"https://registry.npmjs.org/rmc-nuka-carousel/-/rmc-nuka-carousel-2.2.0.tgz","integrity":"sha512-2Ax0q5gQs09Xsbo5LGavsTmDuoC85pwUNcoL6HAKrXYT3xJPkAH5hvWQ3xfEIAJSE3zLotDgpVIeSh0WNngOow==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBarAI1Ol7rdlUml5mrFwyeJHXuqBGtASaxpj4B7O5kRAiAEXOfBGcwCItqIkkrwviPWY90xPBO4DTx6O05JWssqPg=="}]},"maintainers":[{"name":"warmhug","email":"hualei5280@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rmc-nuka-carousel-2.2.0.tgz_1495529956937_0.8201246850658208"},"directories":{}},"2.2.1":{"name":"rmc-nuka-carousel","version":"2.2.1","description":"Pure React Carousel","main":"index.js","dependencies":{"create-react-class":"^15.5.3","exenv":"^1.2.0","kw-react-tween-state":"^0.1.5","object-assign":"^4.1.0"},"devDependencies":{"babel-core":"^5.8.25","babel-eslint":"^4.1.3","babel-loader":"^5.3.2","chai":"^3.3.0","css-loader":"^0.19.0","del":"^2.0.2","eslint":"^1.6.0","eslint-loader":"^1.0.0","eslint-plugin-react":"^3.5.1","gulp":"^3.9.0","gulp-babel":"^5.2.1","gulp-eslint":"^1.0.0","gulp-karma":"0.0.5","gulp-open":"^1.0.0","gulp-util":"^3.0.6","gulp-webpack":"^1.5.0","istanbul":"^0.3.22","istanbul-instrumenter-loader":"^0.1.3","karma":"^0.13.10","karma-chrome-launcher":"^0.2.1","karma-coverage":"^0.5.2","karma-firefox-launcher":"^0.1.6","karma-mocha":"^0.2.0","karma-mocha-reporter":"^1.1.1","karma-phantomjs-launcher":"^1.0.2","karma-script-launcher":"~0.1.0","karma-sinon-chai":"^1.1.0","karma-webpack":"^1.7.0","mocha":"^2.3.3","phantomjs":"^1.9.18","prop-types":"^15.5.8","react":"^15.3.0","react-addons-test-utils":"^15.3.0","react-dom":"^15.3.0","react-hot-loader":"^1.3.0","sinon":"^1.17.1","sinon-chai":"^2.8.0","style-loader":"^0.12.4","url-loader":"^0.5.6","webpack":"^1.12.2","webpack-dev-server":"^1.12.0"},"peerDependencies":{"prop-types":"^15.5.8","react":"^0.14.9 || ^15.3.0","react-dom":"^0.14.9 || ^15.3.0"},"scripts":{"start":"gulp","test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/kenwheeler/nuka-carousel.git"},"keywords":["react","carousel","nuka"],"author":{"name":"Ken Wheeler"},"license":"MIT","bugs":{"url":"https://github.com/kenwheeler/nuka-carousel/issues"},"homepage":"https://github.com/kenwheeler/nuka-carousel","gitHead":"ec75e5796a575cf1b20fa1e9872b702d23ea533b","_id":"rmc-nuka-carousel@2.2.1","_shasum":"c4238193a298be128a2f13ecb5c26fd77ad00ccd","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.10.3","_npmUser":{"name":"paranoidjk","email":"hust2012jiangkai@gmail.com"},"dist":{"shasum":"c4238193a298be128a2f13ecb5c26fd77ad00ccd","tarball":"https://registry.npmjs.org/rmc-nuka-carousel/-/rmc-nuka-carousel-2.2.1.tgz","integrity":"sha512-d+RpU3Wn7o4k8EAi6dKpTtBKGjIlxMdPp5kPn4PiseCrfYwLKizZ0j4d0zpwKF/UTjuuvFBHS7Y5NkdGQFZKwg==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICH9raaJ3KPG37jazN6A8/M+/CTUVCMBnHR0thmKfVkrAiBhVQn2nZxr7ha/kJdioJQhA202Mq0v9mTBhcknbdjdgg=="}]},"maintainers":[{"name":"paranoidjk","email":"hust2012jiangkai@gmail.com"},{"name":"warmhug","email":"hualei5280@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rmc-nuka-carousel-2.2.1.tgz_1496324581478_0.27788043138571084"},"directories":{}},"3.0.0-alpha.0":{"name":"rmc-nuka-carousel","version":"3.0.0-alpha.0","description":"Pure React Carousel","main":"./lib/index","module":"./es/index","dependencies":{"exenv":"^1.2.0","raf":"^3.3.2","tween-functions":"^1.2.0"},"devDependencies":{"@types/mocha":"~2.2.32","@types/react":"~16.0.2","@types/react-dom":"15.5.1","expect.js":"0.3.x","pre-commit":"1.x","rc-test":"~6.0.3","rc-tools":"6.x","react":"^15.0.0","react-dom":"^15.0.0"},"files":["lib","es","dist"],"config":{"port":8000,"entry":{"rmc-nuka-carousel":["./index.js"]}},"scripts":{"dist":"rc-tools run dist","watch-tsc":"rc-tools run watch-tsc","compile":"rc-tools run compile --babel-runtime","build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-tools run server","pub":"rc-tools run pub --babel-runtime","lint":"rc-tools run lint","karma":"rc-test run karma","test":"rc-test run test","chrome-test":"rc-test run chrome-test","coverage":"rc-test run coverage"},"repository":{"type":"git","url":"git+https://github.com/kenwheeler/nuka-carousel.git"},"keywords":["react","carousel","nuka"],"author":{"name":"Ken Wheeler"},"license":"MIT","bugs":{"url":"https://github.com/kenwheeler/nuka-carousel/issues"},"homepage":"https://github.com/kenwheeler/nuka-carousel","gitHead":"aef87b7b2ddad47d3e07207efc2accc9322d340b","_id":"rmc-nuka-carousel@3.0.0-alpha.0","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"silentcloud","email":"rjmuqiang@gmail.com"},"dist":{"integrity":"sha512-D6WvyiJS59DFgqZkOVRn+F0m6v/4e/enhzgr1TxF1ptDlM0CZ9mngFhzIL0rwsMIIGtQZ/Cygclu8cTl7AzbNg==","shasum":"794934a25c9471e847d73b77ca7f09a3558466c9","tarball":"https://registry.npmjs.org/rmc-nuka-carousel/-/rmc-nuka-carousel-3.0.0-alpha.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAL7Hc/ikiT20TnewqxGxv+XFJb6MWLcCFBh5RM9J7ROAiEAp/rg83RZ07seYfDd4mzXMxK91+nTuSaWuTeEsPIi8GU="}]},"maintainers":[{"name":"paranoidjk","email":"hust2012jiangkai@gmail.com"},{"name":"silentcloud","email":"rjmuqiang@gmail.com"},{"name":"warmhug","email":"hualei5280@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rmc-nuka-carousel-3.0.0-alpha.0.tgz_1505395847234_0.8156917921733111"},"directories":{}},"3.0.0-alpha.1":{"name":"rmc-nuka-carousel","version":"3.0.0-alpha.1","description":"Pure React Carousel","main":"./lib/index","module":"./es/index","dependencies":{"exenv":"^1.2.0","raf":"^3.3.2","tween-functions":"^1.2.0"},"devDependencies":{"@types/mocha":"~2.2.32","@types/react":"~16.0.2","@types/react-dom":"15.5.1","expect.js":"0.3.x","pre-commit":"1.x","rc-test":"~6.0.3","rc-tools":"6.x","react":"^15.0.0","react-dom":"^15.0.0"},"files":["lib","es","dist"],"config":{"port":8000,"entry":{"rmc-nuka-carousel":["./index.js"]}},"scripts":{"dist":"rc-tools run dist","watch-tsc":"rc-tools run watch-tsc","compile":"rc-tools run compile --babel-runtime","build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-tools run server","pub":"rc-tools run pub --babel-runtime","lint":"rc-tools run lint","karma":"rc-test run karma","test":"rc-test run test","chrome-test":"rc-test run chrome-test","coverage":"rc-test run coverage"},"repository":{"type":"git","url":"git+https://github.com/kenwheeler/nuka-carousel.git"},"keywords":["react","carousel","nuka"],"author":{"name":"Ken Wheeler"},"license":"MIT","bugs":{"url":"https://github.com/kenwheeler/nuka-carousel/issues"},"homepage":"https://github.com/kenwheeler/nuka-carousel","gitHead":"195bb85f617a6bb25e47fba3a14a7bd3d9b38a47","_id":"rmc-nuka-carousel@3.0.0-alpha.1","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"silentcloud","email":"rjmuqiang@gmail.com"},"dist":{"integrity":"sha512-mkW8wIqHk0BEEXxoZUtpAPSvK2oYD9TNpc9YuQHspriGoP/veAdsWin379zr1KrfE92iNO1ZOHxo32KYjPQSVQ==","shasum":"9c6b6b5a2dac5ed9cbb3d642744b848e080c1c3a","tarball":"https://registry.npmjs.org/rmc-nuka-carousel/-/rmc-nuka-carousel-3.0.0-alpha.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDP8ZMJoaA9pvrT1yTMXKtXsxLwBNwBdEfx/2BdJkwr/AIgWhf1xiz1avnLPDVy2BOjQU9tttpmem+pABW90khbY7g="}]},"maintainers":[{"name":"paranoidjk","email":"hust2012jiangkai@gmail.com"},{"name":"silentcloud","email":"rjmuqiang@gmail.com"},{"name":"warmhug","email":"hualei5280@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rmc-nuka-carousel-3.0.0-alpha.1.tgz_1505398207586_0.4447218170389533"},"directories":{}},"3.0.0-alpha.2":{"name":"rmc-nuka-carousel","version":"3.0.0-alpha.2","description":"Pure React Carousel","main":"./lib/index","module":"./es/index","dependencies":{"exenv":"^1.2.0","raf":"^3.3.2"},"devDependencies":{"@types/mocha":"~2.2.32","@types/react":"~16.0.2","@types/react-dom":"15.5.1","expect.js":"0.3.x","pre-commit":"1.x","rc-test":"~6.0.3","rc-tools":"6.x","react":"^15.0.0","react-dom":"^15.0.0","tween-functions":"^1.2.0"},"files":["lib","es","dist"],"config":{"port":8000,"entry":{"rmc-nuka-carousel":["./index.js"]}},"scripts":{"dist":"rc-tools run dist","watch-tsc":"rc-tools run watch-tsc","compile":"rc-tools run compile --babel-runtime","build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-tools run server","pub":"rc-tools run pub --babel-runtime","lint":"rc-tools run lint","karma":"rc-test run karma","test":"rc-test run test","chrome-test":"rc-test run chrome-test","coverage":"rc-test run coverage"},"repository":{"type":"git","url":"git+https://github.com/kenwheeler/nuka-carousel.git"},"keywords":["react","carousel","nuka"],"author":{"name":"Ken Wheeler"},"license":"MIT","bugs":{"url":"https://github.com/kenwheeler/nuka-carousel/issues"},"homepage":"https://github.com/kenwheeler/nuka-carousel","gitHead":"0cfa5ee8fd9de34bf1a8945f19a78a42f28ec194","_id":"rmc-nuka-carousel@3.0.0-alpha.2","_shasum":"14cfc9598a7e63607cc360f8944e6481602f3c11","_from":".","_npmVersion":"3.10.10","_nodeVersion":"6.11.1","_npmUser":{"name":"warmhug","email":"hualei5280@gmail.com"},"dist":{"shasum":"14cfc9598a7e63607cc360f8944e6481602f3c11","tarball":"https://registry.npmjs.org/rmc-nuka-carousel/-/rmc-nuka-carousel-3.0.0-alpha.2.tgz","integrity":"sha512-AqG9hvtwI78/Ydv0k3UUPKn1RtA9FFV5ovCwnifoZNGyHSSsOf4b+yS/18aWtdMELi7OxgYV22j0Tu+MVAlw2g==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAKt/MI7j6/t6+9EZ6x/j10MKLv4xAe7EAtegCW4B1JdAiA0JKp4pBPkZ27LWKVwHyUCpC27OBvykV3ccaxYAP5MBA=="}]},"maintainers":[{"name":"paranoidjk","email":"hust2012jiangkai@gmail.com"},{"name":"silentcloud","email":"rjmuqiang@gmail.com"},{"name":"warmhug","email":"hualei5280@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rmc-nuka-carousel-3.0.0-alpha.2.tgz_1505805887040_0.07740278542041779"},"directories":{}},"3.0.0":{"name":"rmc-nuka-carousel","version":"3.0.0","description":"Pure React Carousel","main":"./lib/index","module":"./es/index","dependencies":{"exenv":"^1.2.0","raf":"^3.3.2"},"devDependencies":{"@types/mocha":"~2.2.32","@types/react":"~16.0.2","@types/react-dom":"15.5.1","expect.js":"0.3.x","pre-commit":"1.x","rc-test":"~6.0.3","rc-tools":"6.x","react":"^15.0.0","react-dom":"^15.0.0","tween-functions":"^1.2.0"},"files":["lib","es","dist"],"config":{"port":8000,"entry":{"rmc-nuka-carousel":["./index.js"]}},"scripts":{"dist":"rc-tools run dist","watch-tsc":"rc-tools run watch-tsc","compile":"rc-tools run compile --babel-runtime","build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-tools run server","pub":"rc-tools run pub --babel-runtime","lint":"rc-tools run lint","karma":"rc-test run karma","test":"rc-test run test","chrome-test":"rc-test run chrome-test","coverage":"rc-test run coverage"},"repository":{"type":"git","url":"git+https://github.com/kenwheeler/nuka-carousel.git"},"keywords":["react","carousel","nuka"],"author":{"name":"Ken Wheeler"},"license":"MIT","bugs":{"url":"https://github.com/kenwheeler/nuka-carousel/issues"},"homepage":"https://github.com/kenwheeler/nuka-carousel","gitHead":"7768aa05a51a74f5ef30fb7f3329dc65313c306e","_id":"rmc-nuka-carousel@3.0.0","_npmVersion":"5.3.0","_nodeVersion":"8.3.0","_npmUser":{"name":"silentcloud","email":"rjmuqiang@gmail.com"},"dist":{"integrity":"sha512-FXQClFzOS/KZdDKEE47GksId1tA0IxlhG0nJ0JKbIFY3MHTxfNHmdCXzs88v7ahzepZTzbOSE0O1HEJ6lGz/GA==","shasum":"f50b8a73dbb24402f7a7a7d92e381b8191bec6f5","tarball":"https://registry.npmjs.org/rmc-nuka-carousel/-/rmc-nuka-carousel-3.0.0.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDi2dQ+G4sQRhFl+a4FatdE11n3otiKWR4LVRwZJm06EgIhANMCj5jUMSeB23CWl9sQ9bXD2cNmQ3/J7N9KEN4NT94V"}]},"maintainers":[{"name":"paranoidjk","email":"hust2012jiangkai@gmail.com"},{"name":"silentcloud","email":"rjmuqiang@gmail.com"},{"name":"warmhug","email":"hualei5280@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rmc-nuka-carousel-3.0.0.tgz_1507778661544_0.7690789857879281"},"directories":{}},"3.0.1":{"name":"rmc-nuka-carousel","version":"3.0.1","description":"Pure React Carousel","main":"./lib/index","module":"./es/index","dependencies":{"exenv":"^1.2.0","raf":"^3.3.2"},"devDependencies":{"@types/mocha":"~2.2.32","@types/react":"~16.0.2","@types/react-dom":"15.5.1","expect.js":"0.3.x","pre-commit":"1.x","rc-test":"~6.0.3","rc-tools":"6.x","react":"^15.0.0","react-dom":"^15.0.0","tween-functions":"^1.2.0"},"files":["lib","es","dist"],"config":{"port":8000,"entry":{"rmc-nuka-carousel":["./index.js"]}},"scripts":{"dist":"rc-tools run dist","watch-tsc":"rc-tools run watch-tsc","compile":"rc-tools run compile --babel-runtime","build":"rc-tools run build","gh-pages":"rc-tools run gh-pages","start":"rc-tools run server","pub":"rc-tools run pub --babel-runtime","lint":"rc-tools run lint","karma":"rc-test run karma","test":"rc-test run test","chrome-test":"rc-test run chrome-test","coverage":"rc-test run coverage"},"repository":{"type":"git","url":"git+https://github.com/kenwheeler/nuka-carousel.git"},"keywords":["react","carousel","nuka"],"author":{"name":"Ken Wheeler"},"license":"MIT","bugs":{"url":"https://github.com/kenwheeler/nuka-carousel/issues"},"homepage":"https://github.com/kenwheeler/nuka-carousel","gitHead":"40742dda0a47f8c3a1cb3db725729eab9a4f546d","_id":"rmc-nuka-carousel@3.0.1","_npmVersion":"5.5.1","_nodeVersion":"8.6.0","_npmUser":{"name":"warmhug","email":"hualei5280@gmail.com"},"dist":{"integrity":"sha512-w2EPTERMUUZqcUSKFuejjin7xsMlhrLrtS0A/igTXpFJGq3kemDKcRi7q3pSYDuZBHYBl5iV4UqsLLkjdFtrYA==","shasum":"a2a997676b0f986354976dac39ec66d8701b4b71","tarball":"https://registry.npmjs.org/rmc-nuka-carousel/-/rmc-nuka-carousel-3.0.1.tgz","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFNCangzmEueQ4VH9ClfIUw9tvhE7531cU1INsOiBsU8AiBDiDGPiDNMEOCL/4ODU4RKgxlJCdPNaMroniOGB1GvAw=="}]},"maintainers":[{"name":"paranoidjk","email":"hust2012jiangkai@gmail.com"},{"name":"silentcloud","email":"rjmuqiang@gmail.com"},{"name":"warmhug","email":"hualei5280@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rmc-nuka-carousel-3.0.1.tgz_1511258600549_0.7879872075282037"},"directories":{}}},"readme":"\n## Modify from upstream nuka-carousel@2.0.4\n> Search for `by warmhug` comments in source file to see detailed changes.\n> This fork stream's version begin from `2.2.0` and the npm package name is `rmc-nuka-carousel`.\n\n- add `swipeSpeed` prop, you can configure the swipe sensitivity.\n- add `resetAutoplay` props, when set false, you can remove the sense of frustration between the items to switch.（自动循环播放时、第一个和第二个项目之间切换时的顿挫感）\n\nNote: if you set `autoplayInterval` prop to less than 1000, You need to set the `speed` prop to less than 300 at the same time.\n\n#### develop\n\n```sh\nnpm install\nnpm start # Running demo locally\n```\n\n------------\n\n# nuka-carousel\n\nA Pure ReactJS Carousel Component\n\n![http://i.imgur.com/UwP5gle.gif](http://i.imgur.com/UwP5gle.gif)\n\n### Install\n\n```\nnpm install nuka-carousel\n```\n\n### Example\n\nsee examples dir\n\n### Props\n\n#### afterSlide\n`React.PropTypes.func`\n\nHook to be called after a slide is changed.\n\n#### autoplay\n`React.PropTypes.bool`\n\nAutoplay mode active. Defaults to false.\n\n#### autoplayInterval\n`React.PropTypes.number`\n\nInterval for autoplay iteration. Defaults to 3000.\n\n#### beforeSlide\n`React.PropTypes.func`\n\nHook to be called before a slide is changed.\n\n#### cellAlign\n`React.PropTypes.oneOf(['left', 'center', 'right'])`\n\nWhen displaying more than one slide, sets which position to anchor the current slide to.\n\n#### cellSpacing\n`React.PropTypes.number`\n\nSpace between slides, as an integer, but reflected as `px`\n\n#### data\n`React.PropTypes.func`\n\nUsed with the ControllerMixin to add carousel data to parent state.\n\n#### decorators\n`React.PropTypes.array`\n\nAn array of objects that supply internal carousel controls.\nDecorator objects have `component`, `position` & `style` properties. `component` takes a React component, `position` takes a predefined position string and `style` takes an object of styles to be applied to the decorator. See an example below:\n\n```javascript\nvar Decorators = [{\n  component: React.createClass({\n    render() {\n      return (\n        <button\n          onClick={this.props.previousSlide}>\n          Previous Slide\n        </button>\n      )\n    }\n  }),\n  position: 'CenterLeft',\n  style: {\n    padding: 20\n  }\n}];\n\n// Valid position properties are TopLeft, TopCenter, TopRight\n// CenterLeft, CenterCenter, CenterRight, BottomLeft, BottomCenter\n// and BottomRight\n```\n\n#### dragging\n`React.PropTypes.bool`\n\nEnable mouse swipe/dragging\n\n#### easing\n`React.PropTypes.Function`\n\nAnimation easing function. Default is `easeOutCirc`. See valid easings here: [https://github.com/chenglou/tween-functions](https://github.com/chenglou/tween-functions)\n\n#### framePadding\n`React.PropTypes.string`\n\nUsed to set the margin of the slider frame. Accepts any string dimension value such as `\"0px 20px\"` or `\"500px\"`.\n\n#### frameOverflow\n`React.PropTypes.string`\n\nUsed to set overflow style property on slider frame. Defaults to `hidden`.\n\n#### edgeEasing\n`React.PropTypes.Function`\n\nAnimation easing function when swipe exceeds edge. Default is `linear`. See valid easings here: [https://github.com/chenglou/tween-functions](https://github.com/chenglou/tween-functions)\n\n#### initialSlideHeight\n`React.PropTypes.number`\n\nInitial height of the slides in pixels.\n\n#### initialSlideWidth\n`React.PropTypes.number`\n\nInitial width of the slides in pixels.\n\n#### slideIndex\n`React.PropTypes.number`\n\nManually set the index of the slide to be shown.\n\n#### slidesToShow\n`React.PropTypes.number`\n\nSlides to show at once.\n\n#### slidesToScroll\n```\nslidesToScroll: React.PropTypes.oneOfType([\n  React.PropTypes.number,\n  React.PropTypes.oneOf(['auto'])\n])\n```\n\nSlides to scroll at once. Set to `\"auto\"` to always scroll the current number of visible slides.\n\n#### slideWidth\n\n`React.PropTypes.oneOfType([React.PropTypes.string, React.PropTypes.number])`\n\nManually set slideWidth. If you want hard pixel widths, use a string like `slideWidth=\"20px\"`, and if you prefer a percentage of the container, use a decimal integer like `slideWidth={0.8}`\n\n#### speed\n`React.PropTypes.number`\n\nAnimation duration.\n\n#### swiping\n`React.PropTypes.bool`\n\nEnable touch swipe/dragging\n\n#### vertical\n`React.PropTypes.bool`\n\nEnable the slides to transition vertically.\n\n#### width\n`React.PropTypes.string`\n\nUsed to hardcode the slider width. Accepts any string dimension value such as `\"80%\"` or `\"500px\"`.\n\n#### wrapAround\n`React.PropTypes.bool`\n\nSets infinite wrapAround mode. Defaults to `false`\n\n### ControllerMixin\n\nThe ControllerMixin provides a way to add external controllers for a carousel. To use the controller mixin, add it to your parent component as shown below:\n\n```javascript\nconst App = React.createClass({\n  mixins: [Carousel.ControllerMixin],\n  render() {\n    return (\n      <Carousel ref=\"carousel\" data={this.setCarouselData.bind(this, 'carousel')}>\n        ...\n      </Carousel>\n    )\n  }\n});\n```\n\nIt is required to give your component a ref value, and to pass the setCarouselData method to the data prop with the same ref as an argument.\n\nAfter setting this up, your parent component has a carousels object in it's state. You can now control your carousels from other child components:\n\n```javascript\nconst App = React.createClass({\n  mixins: [Carousel.ControllerMixin],\n  render() {\n    return (\n      <Carousel ref=\"carousel\" data={this.setCarouselData.bind(this, 'carousel')}>\n        ...\n      </Carousel>\n      {this.state.carousels.carousel ? <button type=\"button\" onClick={this.state.carousels.carousel.goToSlide.bind(null,4)}>\n        Go to slide 5\n      </button> : null}\n    )\n  }\n});\n\n```\n","maintainers":[{"name":"paranoidjk","email":"hust2012jiangkai@gmail.com"},{"name":"silentcloud","email":"rjmuqiang@gmail.com"},{"name":"warmhug","email":"hualei5280@gmail.com"}],"time":{"modified":"2022-06-26T13:33:03.364Z","created":"2017-05-23T08:59:17.026Z","2.2.0":"2017-05-23T08:59:17.026Z","2.2.1":"2017-06-01T13:43:01.666Z","3.0.0-alpha.0":"2017-09-14T13:30:47.363Z","3.0.0-alpha.1":"2017-09-14T14:10:07.780Z","3.0.0-alpha.2":"2017-09-19T07:24:47.150Z","3.0.0":"2017-10-12T03:24:21.635Z","3.0.1":"2017-11-21T10:03:20.766Z"},"homepage":"https://github.com/kenwheeler/nuka-carousel","keywords":["react","carousel","nuka"],"repository":{"type":"git","url":"git+https://github.com/kenwheeler/nuka-carousel.git"},"author":{"name":"Ken Wheeler"},"bugs":{"url":"https://github.com/kenwheeler/nuka-carousel/issues"},"license":"MIT","readmeFilename":"README.md","users":{"ineo6":true,"mapleliu":true}}