{"_id":"@aadil009/react-slick","name":"@aadil009/react-slick","dist-tags":{"latest":"0.29.1"},"versions":{"0.29.1":{"name":"@aadil009/react-slick","version":"0.29.1","description":" React port of slick carousel","main":"./lib","scripts":{"start":"gulp server","demo":"SINGLE_DEMO=true gulp server","build-dev":"gulp clean && gulp copy && webpack","lib":"babel ./src --out-dir ./lib","build":"npm run lib && gulp dist","prepublish":"npm run build","test":"npm run lint && jest","test:watch":"jest --watch","lint":"eslint src","gen":"node examples/scripts/generateExampleConfigs.js && node examples/scripts/generateExamples.js && xdg-open docs/jquery.html","precommit":"lint-staged"},"author":{"name":"Kiran Abburi"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/akiran/react-slick.git"},"keywords":["slick","carousel","Image slider","orbit","slider","react-component"],"devDependencies":{"@babel/cli":"^7.0.0","@babel/core":"^7.16.0","@babel/eslint-parser":"^7.16.3","@babel/plugin-proposal-class-properties":"^7.1.0","@babel/polyfill":"^7.0.0","@babel/preset-env":"^7.1.0","@babel/preset-react":"^7.0.0","autoprefixer":"^7.1.2","babel-core":"^7.0.0-bridge.0","babel-jest":"^24.8.0","babel-loader":"^8.0.4","babel-preset-airbnb":"^2.1.1","css-loader":"^2.1.1","deepmerge":"^1.1.0","del":"^2.2.2","enzyme":"^3.2.0","enzyme-adapter-react-16":"^1.1.0","es5-shim":"^4.5.9","eslint":"^8.4.1","eslint-plugin-import":"^2.25.3","eslint-plugin-react":"^7.27.1","express":"^4.14.0","foundation-apps":"^1.2.0","gulp":"^4.0.0","husky":"^0.14.3","jasmine-core":"^2.5.2","jest":"^24.8.0","jquery":"^3.2.1","js-beautify":"^1.7.5","json-loader":"^0.5.4","lint-staged":"^12.1.2","opn":"^5.4.0","postcss-loader":"^1.3.3","prettier":"^1.14.3","raf":"^3.4.0","react":"^18.0.0","react-dom":"^18.0.0","react-test-renderer":"^18.0.0","sinon":"^2.1.0","slick-carousel":"^1.8.1","style-loader":"^0.16.1","uglifyjs-webpack-plugin":"^2.0.1","webpack":"^4.21.0","webpack-cli":"^3.1.2","webpack-dev-server":"^3.1.9","why-did-you-update":"^0.1.1"},"dependencies":{"classnames":"^2.2.5","enquire.js":"^2.1.6","json2mq":"^0.2.0","lodash.debounce":"^4.0.8","resize-observer-polyfill":"^1.5.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0","react-dom":"^0.14.0 || ^15.0.1 || ^16.0.0 || ^17.0.0 || ^18.0.0"},"jest":{"setupFiles":["./test-setup.js"],"testPathIgnorePatterns":["/__tests__/scripts.js","/__tests__/testUtils.js"]},"lint-staged":{"*.{js,json,md}":["prettier --write","git add"]},"npmName":"react-slick","npmFileMap":[{"basePath":"/dist/","files":["*.js"]}],"bugs":{"url":"https://github.com/akiran/react-slick/issues"},"homepage":"https://react-slick.neostack.com","collective":{"type":"opencollective","url":"https://opencollective.com/react-slick","logo":"https://opencollective.com/opencollective/logo.txt"},"gitHead":"20b537b7fda10fb8db367aa8ca7cd652148fed1a","_id":"@aadil009/react-slick@0.29.1","_nodeVersion":"14.1.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-eXWG4FCEihtMBiSrdLp8hLFBixzAh/wdbPaS+RmpgfcNa6fAnYtIiM0+FijKLUrsYxCurh4dM8hxwa/px8hDJw==","shasum":"ed09c1c4903489304b7d4860b83f6075d937ed57","tarball":"https://registry.npmjs.org/@aadil009/react-slick/-/react-slick-0.29.1.tgz","fileCount":17,"unpackedSize":777428,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB8aN5r6w0M7xoRDQZkRLYHgbnI49DToeXW61T1blRqfAiEA/qjkgY5eFt8IXWQX1UgCv/xQeF4W4LH2vXTSn63rgiQ="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjJFKFACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpvkw/6ApHVucYQ0avp6JL+XRBWFEaUFR01PGO57JAeBzKiVDPRGiZH\r\njUfo6/lJ8kgnO/3Rq0oB8N2kS40nm5pQ4+rDULHmL6WpMecwjibHuSCaoDpq\r\nt5s3zQkxJmoK0ZVHP1M0iP1udcvKwCsAFKDnNjVh1GpKKTs9BCEGqVCIg1zB\r\nR30wzVFecJmG5gb4zYDtBR5nO2W52lrtIUf/3Ca2G4e+R3S8UyZTVcp4DzTA\r\nLZCWzNM9pK0I5E0nhQxl6wNyrNYLQ8FAWVQUDbXc5iRSCifAKK2TCmeuEiNr\r\nBQMvxnemayw9IkKVchmeAp9uOMgTcVCxonM2vqleTlkf7ibJMEFZfRiiu0zS\r\ni+I4TTE3VEzZdgxW01hDe2zByC9hvefhT085XRphLSsgmpvelwPyF2OFfVMW\r\n2Kp1w5iLDt7zdVhk26yFGuEHIqWf3fIZNi9uMYJqXgm+EosqiBa+uveq1EfE\r\n3L97OyISMSfO6spJizpLpzc5B6dYUiM2xBDqwCJbLAdzSXJaGsocXpmbeMet\r\nbHRMCuJ5gXHSUvMmXc/NkKuIm9S4HF0ysOtdbynijTZg5FFePebz9ixdQn+l\r\nJppN8botC4EDyfTpLYOtrl6m6r4WMjD2gWJ6Ct4FKYd2znwW3SSU5RU/lL8S\r\nw5QxbV0tSD8wvHBMjfoVXpQGuxfkyXn9UJc=\r\n=OhaK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"aadil009","email":"sayyedadil8551@gmail.com"},"directories":{},"maintainers":[{"name":"aadil009","email":"sayyedadil8551@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-slick_0.29.1_1663324805244_0.4696085359779689"},"_hasShrinkwrap":false}},"time":{"created":"2022-09-16T10:40:05.179Z","0.29.1":"2022-09-16T10:40:05.514Z","modified":"2022-09-16T10:40:05.665Z"},"maintainers":[{"name":"aadil009","email":"sayyedadil8551@gmail.com"}],"description":" React port of slick carousel","homepage":"https://react-slick.neostack.com","keywords":["slick","carousel","Image slider","orbit","slider","react-component"],"repository":{"type":"git","url":"git+https://github.com/akiran/react-slick.git"},"author":{"name":"Kiran Abburi"},"bugs":{"url":"https://github.com/akiran/react-slick/issues"},"license":"MIT","readme":"### react-slick\r\n\r\n[![Backers on Open Collective](https://opencollective.com/react-slick/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/react-slick/sponsors/badge.svg)](#sponsors)\r\n\r\n##### Carousel component built with React. It is a react port of [slick carousel](http://kenwheeler.github.io/slick/)\r\n\r\n## [Documentation](http://react-slick.neostack.com)\r\n\r\n### Installation\r\n\r\n**npm**\r\n\r\n```bash\r\nnpm install react-slick --save\r\n```\r\n\r\n**yarn**\r\n\r\n```bash\r\nyarn add react-slick\r\n```\r\n\r\n**Also install slick-carousel for css and font**\r\n\r\n```bash\r\nnpm install slick-carousel\r\n\r\n// Import css files\r\nimport \"slick-carousel/slick/slick.css\";\r\nimport \"slick-carousel/slick/slick-theme.css\";\r\n```\r\n\r\nor add cdn link in your html\r\n\r\n```html\r\n<link\r\n  rel=\"stylesheet\"\r\n  type=\"text/css\"\r\n  charset=\"UTF-8\"\r\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css\"\r\n/>\r\n<link\r\n  rel=\"stylesheet\"\r\n  type=\"text/css\"\r\n  href=\"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css\"\r\n/>\r\n```\r\n\r\n### [PlayGround](https://codesandbox.io/s/ppwkk5l6xx)\r\n\r\n### Example\r\n\r\n```js\r\nimport React from \"react\";\r\nimport Slider from \"react-slick\";\r\n\r\nexport default function SimpleSlider() {\r\n  var settings = {\r\n    dots: true,\r\n    infinite: true,\r\n    speed: 500,\r\n    slidesToShow: 1,\r\n    slidesToScroll: 1\r\n  };\r\n  return (\r\n    <Slider {...settings}>\r\n      <div>\r\n        <h3>1</h3>\r\n      </div>\r\n      <div>\r\n        <h3>2</h3>\r\n      </div>\r\n      <div>\r\n        <h3>3</h3>\r\n      </div>\r\n      <div>\r\n        <h3>4</h3>\r\n      </div>\r\n      <div>\r\n        <h3>5</h3>\r\n      </div>\r\n      <div>\r\n        <h3>6</h3>\r\n      </div>\r\n    </Slider>\r\n  );\r\n}\r\n```\r\n\r\n### Props\r\n\r\nFor all available props, go [here](https://react-slick.neostack.com/docs/api/).\r\n\r\n### Methods\r\n\r\nFor all available methods, go [here](https://react-slick.neostack.com/docs/api#methods)\r\n\r\n### Development\r\n\r\nWant to run demos locally\r\n\r\n```bash\r\ngit clone https://github.com/akiran/react-slick\r\ncd react-slick\r\nnpm install\r\nnpm start\r\nopen http://localhost:8080\r\n```\r\n\r\n## Community\r\n\r\nJoin our [discord channel](https://discord.gg/z7stRE4Cyb) to discuss react-slick bugs and ask for help\r\n\r\n\r\n## Contributing\r\n\r\nPlease see the [contributing guidelines](./CONTRIBUTING.md)\r\n","readmeFilename":"README.md"}