{"_id":"@alckor127/react-spinkit","_rev":"1-7a9a15d34779342de92904355c997c6c","name":"@alckor127/react-spinkit","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@alckor127/react-spinkit","version":"1.0.0","description":"A collection of spinner indicators animated with SpinKit for React.","author":{"name":"alckor127"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/alckor127/react-spinkit.git"},"main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.js","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs","start":"microbundle-crl watch --no-compress --format modern,cjs","prepare":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","predeploy":"cd example && npm install && npm run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^16.0.0"},"devDependencies":{"babel-eslint":"^10.0.3","cross-env":"^7.0.2","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.5","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","node-sass":"^5.0.0","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"^3.4.1"},"dependencies":{"classnames":"^2.2.6","prop-types":"^15.7.2"},"bugs":{"url":"https://github.com/alckor127/react-spinkit/issues"},"homepage":"https://github.com/alckor127/react-spinkit#readme","directories":{"example":"example"},"keywords":["spinner","spinkit","spin","react","react-spinkit"],"gitHead":"950f9c59f0b7b59a40b3068122cf0aa293462820","_id":"@alckor127/react-spinkit@1.0.0","_nodeVersion":"14.2.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-kK5rhVfYYQ/PuImx5DwsKEw1mrphsuKriqAQXNAKoe/RleFo/vZiS4Je5S6PNweJAM92jcQqpGFtegW4PcATOg==","shasum":"62459083af6ebac53a5295bf3f79b86d321c6ef5","tarball":"https://registry.npmjs.org/@alckor127/react-spinkit/-/react-spinkit-1.0.0.tgz","fileCount":7,"unpackedSize":102604,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfyW8fCRA9TVsSAnZWagAAvi8P/14Brf+IcJLDcCZsQg7v\n8hYuRfwgWPwmePocv9DnZ3lqbB/oCCq276KlgrUG51QFbCD6db5yHQesYZzg\nB7euy3whqCUM9quTddrRGdz1Q0g7+NSa7hLLxzRSog3tfUtMJfy4mMHtjFD1\n/358fKWV/cgIMeDL48f6K/G0IGS6txzJD8q/2i/Q13QHYowhVBRmE9XRDBWi\nJt+VD7xkFM43hNXlzEASKhFncwdBs7px7h1k1aCrL5fvjNjux1gk8QCafozp\n1SyxhaPsd5ZzifTr0qTr8JrRBwc5e0bWZSzW0VKZCDBYvOx8MsKm2AwSYq0p\nIBd+ksz2HZuJZiV8JEmJtoajxzG5pw/HQulD1Zna5FXB6eOwYIjdHsPj8cfd\n7KOfK/tTi9UMo+X0oOFwkxMKosGW/SwuDZck0jW3E9Rec83Oo0URmFWOCfBD\nRym4rFRnzAv55cDVsvsOYisAPAzGOMWp77gQYp04axcFcvGEY7RFO/lHNEh6\npbjZQZBHgo+OKNs/kLZlgW7D3EJ/gyGxjYE6t26Q+dI3lbmtZn5ZhKph+/aj\nTtN8LTCMPamwmCmpHo5zto0NtSW6PuO6wU+H2G57wNGSUSJ+8rodxNJjnLCP\nNGMXQsWo9stJuFx2p50FaA3vnoRzO75dHSt3Xim8V3bSSXf0dcd6lFIkRMaM\n74bo\r\n=bomZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDA4prrSD69RUGNdao0ELs8KB0S29vT4cXbX9Ymjzn5sQIgMfkV2Yiq8fuWgaeQdvDmzNEIxw9PbEWG5O+IBYRa/Ac="}]},"_npmUser":{"name":"alckor127","email":"franciscorios0610@gmail.com"},"maintainers":[{"name":"alckor127","email":"franciscorios0610@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-spinkit_1.0.0_1607036703282_0.7080403512765676"},"_hasShrinkwrap":false}},"time":{"created":"2020-12-03T23:05:03.249Z","1.0.0":"2020-12-03T23:05:03.553Z","modified":"2022-04-04T12:36:21.446Z"},"maintainers":[{"name":"alckor127","email":"franciscorios0610@gmail.com"}],"description":"A collection of spinner indicators animated with SpinKit for React.","homepage":"https://github.com/alckor127/react-spinkit#readme","keywords":["spinner","spinkit","spin","react","react-spinkit"],"repository":{"type":"git","url":"git+https://github.com/alckor127/react-spinkit.git"},"author":{"name":"alckor127"},"bugs":{"url":"https://github.com/alckor127/react-spinkit/issues"},"license":"MIT","readme":"# react-spinkit\n\nA collection of spinner indicators animated with SpinKit for React.\n\n[![NPM](https://img.shields.io/npm/v/@alckor127/react-spinkit.svg)](https://www.npmjs.com/package/@alckor127/react-spinkit) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n## Install\n\n```bash\nnpm install --save @alckor127/react-spinkit\n```\n\n## Usage\n\n```jsx\nimport React, { Component } from \"react\"\n\nimport SpinKit from \"@alckor127/react-spinkit\"\nimport \"@alckor127/react-spinkit/dist/index.css\"\n\nclass Example extends Component {\n  render() {\n    return <SpinKit />\n  }\n}\n```\n\n## API Reference\n\n<a name=\"spinkit-component\"></a>\n\n### `<SpinKit />`\n\n| Prop                   | Type   |    Default    | Description                                                                                                                     |\n| :--------------------- | :----- | :-----------: | :------------------------------------------------------------------------------------------------------------------------------ |\n| [`type`](#type-prop)   | String | `fade-circle` | Determine the style type of the spinner. Default value is `fade-circle`. Check all possible values [`here`](#type-prop-values). |\n| [`size`](#size-prop)   | String |               | Determine the size of the spinner. Check all possible values [`here`](#size-prop-values).                                       |\n| [`color`](#color-prop) | String |               | Determine the size of spinner. Check all possible values [`here`](#color-prop-values).                                          |\n\n<a name=\"type-prop\"></a>\n\n#### Type\n\nDetermine the style type of the spinner. Default value is `fade-circle`.\n\n```jsx\n<SpinKit type='pulse' />\n```\n\n<a name=\"type-prop-values\"></a>\n\n##### All values\n\n- circle\n- double-bounce\n- fade-circle\n- flow\n- fold-cube\n- grid-cube\n- grow\n- pulse\n- rotate-plane\n- swing\n- wave\n\n<a name=\"type-prop\"></a>\n\n#### Size\n\nDetermine the size of the spinner.\n\n```jsx\n<SpinKit size='sm' />\n```\n\n<a name=\"size-prop-values\"></a>\n\n##### All values\n\n- sm\n- lg\n\n<a name=\"color-prop\"></a>\n\n#### Color\n\nDetermine the color of the spinner.\n\n```jsx\n<SpinKit color='dark' />\n```\n\n<a name=\"color-prop-values\"></a>\n\n##### All values\n\n- primary\n- secondary\n- success\n- danger\n- warning\n- info\n- light\n- dark\n\n## License\n\nMIT © [alckor127](https://github.com/alckor127) 2020\n","readmeFilename":"README.md"}