{"_id":"@async-be/react-spin-kit","_rev":"1-9a4eec5888e911957e6830881f42590e","name":"@async-be/react-spin-kit","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@async-be/react-spin-kit","version":"0.1.0","description":"Simple wrapper for spin-kit in ReactJS.","main":"dist/index.js","module":"dist/index.js","author":{"name":"async-be/3xpedia","url":"https://github.com/3xpedia"},"homepage":"https://github.com/async-be/react-spin-kit","repository":{"type":"git","url":"git+https://github.com/async-be/react-spin-kit.git"},"bugs":{"url":"https://github.com/async-be/react-spin-kit/issues"},"scripts":{"start":"react-scripts start","prebuild":"rimraf dist","build":"NODE_ENV=production babel src/lib --out-dir dist --copy-files","prepublish":"npm run build"},"devDependencies":{"@babel/cli":"^7.2.3","@babel/core":"^7.3.4","@babel/preset-env":"^7.3.4","@babel/preset-react":"^7.0.0","babel-preset-react-app":"^9.0.1","react":"^16.9.0","react-dom":"^16.9.0","react-scripts":"^3.1.1","rimraf":"^3.0.0"},"browserslist":[">0.2%","not dead","not ie <= 11","not op_mini all"],"dependencies":{"styled-components":"^4.3.2"},"gitHead":"62f5713a1e8a9750de4e2b8907c5603bd3be5279","_id":"@async-be/react-spin-kit@0.1.0","_nodeVersion":"10.16.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-oSm1869gdUVqpCHxy/7rE7Vt6hePbPt0LljQvGhk5KJOgga2/mBUpMSUnGsLaPiYnZFbjub+RJYSGwe9lDGqog==","shasum":"21e9d23fa11314b430d0c416b4d9431a6a81c718","tarball":"https://registry.npmjs.org/@async-be/react-spin-kit/-/react-spin-kit-0.1.0.tgz","fileCount":14,"unpackedSize":61433,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdkxeYCRA9TVsSAnZWagAAmWAP/A9ZKFMVzOAnL88YV9LC\nzqsMEB5G1dTBszG4Emh/ltIq2N+Qc62VofLN1RsHA4/L6imwav25UlBmB5EN\nGN49pFEWmQUzBqeB5eoTGxYnC/K4buzfVEEoyxyA8UJlfzHBgfc8G85LLRoB\njBOWiTYaRyY8WLBp0RQWcATJn11PC2TiYpuwzhzwUcFZvYa0diUYyYt1o5EK\nMrYcHV4riCnDm4HrrHtn6clRi5tWe4ZbnXLvD/Ip/iUNDNA8ZLGrRPSq1YBd\nqLxDn6XAFqO7pCLKQtyAxHE78CQk0n0d+VuDaR0+QT3QVYLIzq+fMDiwmcfH\nwfPLI6kymJ2wE/pOYDJq/dBE79A6JMUPGdqhiaLg/yDQes/J/MSxR6/ELIYx\nK3VqfawHErZdcahbyO1b0RZaw1oWtMuX28JqeQisu5OPosx6Q3lOAPVp+WpH\naWldahXsXWb7OECvTAYe6SAr8ZmInbZTrTxh1hVgNCB9OgstSdhRXa3hJtTs\nJ5clo02bCU7WnpGsf/tezYRSudslZR2uZ28rAqwGj06wvAUaALqo8FTlmGga\nBD0Bq1WcNBn3ceuuP7mWgNJ6HfLInQIsvJqY3n30uKtPNBvkftJTGBFaKlmD\nwT2SmKxHmmqX0jlxsD44V6ooi11EPgBZ0VNWCYmMQZ/A7FCEIeEK5j9C79zF\nCVr2\r\n=1BQV\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQClkmNs0z7+Hjxa2pX4nYH8K+VUwv8oeuCBkGxVBNUP+AIhAIqd4O9GyWJoOeDeyVopx+X5rvEo2/t1op9YTxxKlVfh"}]},"maintainers":[{"name":"3xpedia","email":"coclet.clement@gmail.com"}],"_npmUser":{"name":"3xpedia","email":"coclet.clement@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-spin-kit_0.1.0_1569920919805_0.802259533650791"},"_hasShrinkwrap":false}},"time":{"created":"2019-10-01T09:08:39.588Z","0.1.0":"2019-10-01T09:08:39.916Z","modified":"2022-04-04T16:01:14.238Z"},"maintainers":[{"name":"3xpedia","email":"coclet.clement@gmail.com"}],"description":"Simple wrapper for spin-kit in ReactJS.","homepage":"https://github.com/async-be/react-spin-kit","repository":{"type":"git","url":"git+https://github.com/async-be/react-spin-kit.git"},"author":{"name":"async-be/3xpedia","url":"https://github.com/3xpedia"},"bugs":{"url":"https://github.com/async-be/react-spin-kit/issues"},"readme":"## react-spin-kit\n![gif](./gif.gif)\n\nSimple wrapper for [spin-kit](https://github.com/tobiasahlin/SpinKit) in ReactJS.\n\n## usage\nThere are currently 11 spinners : \n- RotatingPlane\n- DoubleBounce\n- Wave\n- WanderingCube\n- Pulse\n- ChasingDots\n- ThreeBounce\n- Circle\n- CubeGrid\n- FadingCircle\n- FoldingCube\n\n```js\nimport React from 'react';\n\nconst Hello = () => {\n    return (\n        <RotatingPlane\n            size={150}\n            color=\"#82c020\"\n            style={{\n                ...\n            }}\n        />\n    )\n};\n\nexport default Hello;\n```\n\nThe size props is given in px and define the width of the spinner (its height is automatically calculated). (default 50px)\n\nThe color props is given in HEX and define the spinner's color. (default #fff)\n\nYou can also pass style (or use styled-components) BUT you can not modify width, height and display. If you try to modify one of these three properties, they will be ignored.\n\n## Notes\nFor the CubeGrid spinner, the size passed as props is the actual size of the container. The spinner's size itself could vary by 2px (it require a modulo 3 width).\n\nThe size passed to FoldingCube is the actual wrapper size (rect diagonal is calculated).\n","readmeFilename":"README.md"}