{"_id":"@ailjc/react-particle-line","name":"@ailjc/react-particle-line","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@ailjc/react-particle-line","version":"0.1.0","description":"react particle line","main":"lib/index.js","author":{"name":"ailjc"},"license":"MIT","keywords":["react","particle-line","react-particle-line"],"dependencies":{"prop-types":"^15.8.1","react":"^17.0.2","styled-components":"^5.3.3"},"peerDependencies":{"prop-types":"15.x","react":"16.x || 17.x"},"_id":"@ailjc/react-particle-line@0.1.0","_nodeVersion":"12.22.4","_npmVersion":"6.14.14","dist":{"integrity":"sha512-ifKM5CoEFt2OUy+MDwfAhAWDfHTEONIsmGBF1Tvuo0PQkWmu+cb7psC+nvp/Lt3qZpr7W3U+efWTxWVa8OEQKw==","shasum":"5382bc38078c1316b13c06eb83a036ed0cf00651","tarball":"https://registry.npmjs.org/@ailjc/react-particle-line/-/react-particle-line-0.1.0.tgz","fileCount":6,"unpackedSize":16543,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuYzHVFV/Bn8beuqr2xXGoB70MFSW9W22Ya7DSQSr4pQIgfxzhqEmnPFsmw72EYXtbNIMFw25IBNK6hXf+5MnZvik="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJie4O1ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr4Mg/+KKe9B4iVztV1FG10OdxtQibpmZps5k54Yag5mTwY0pfgdq6F\r\nY50Nwhs+Hbu307KTu/5mp8HOSP2zFyD7TWDi9kXi8N1WZhh95ZOvKJ32kVfK\r\npun2r9LpkDKsc+l6xi7uGn1KrERKH+kaCljga72hODv/xkXUQxUXmFwz9ct7\r\nMGzhFHtYUvkbdadxwG+mUCCviIvr4cTE37veXg/CfEDbZDp3Sy9yQeXGcXUx\r\n2DKbJ1VmSlRq7gaObTXEyYuJDKf/3XKPWPSWuBDtA6N5d2Z5ClA9xT6Sip4c\r\nuibN9qopVJYzDhIXK42NHncghAhcjZy1HdRoUP4+7K0ybxTjLSyLG6ci5T9u\r\n2GtbrtitylU4yaZwDECHntX4+d208b1QQO4x21P88XouTV19Nu6rvYsDPL2e\r\nOfZ6ojkxBBeijpiVvkeujazE970OPlyyus2C3xQf8oqZpVqEGrzhLVZmY9iY\r\nM2shMQDX6fOLYJ+2Y0d99BvTWZXCIUQrLovtVPLur3ajsXnyLqFLmuLl4id8\r\nCjvSpyz8BXjfV6o8Ylf86J3Qhrtnf2MupOROf9s+rlr3micL0XfnNFMnKqMj\r\nCDyDWfhtUMM3o/FxviDOdGA8ddEEreqnp4r+NG5xWFO0Wkbm5E2pESw0fEnv\r\nI6gtRFx4j8OekRUNdC6EdZCzmpSNIKm0F38=\r\n=8MvA\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"lujingce","email":"lujingce@126.com"},"directories":{},"maintainers":[{"name":"lujingce","email":"lujingce@126.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-particle-line_0.1.0_1652261813088_0.1975925175489861"},"_hasShrinkwrap":false}},"time":{"created":"2022-05-11T09:36:53.038Z","0.1.0":"2022-05-11T09:36:53.190Z","modified":"2022-05-11T09:36:53.327Z"},"maintainers":[{"name":"lujingce","email":"lujingce@126.com"}],"description":"react particle line","keywords":["react","particle-line","react-particle-line"],"author":{"name":"ailjc"},"license":"MIT","readme":"## @ailjc/react-particle-line\n\n基于 react 的线性粒子背景\n\n![](https://img.shields.io/npm/v/@ailjc/react-particle-line)\n![](https://img.shields.io/npm/types/@ailjc/react-particle-line)\n[![NPM downloads](http://img.shields.io/npm/dm/@ailjc/react-particle-line.svg?style=flat)](https://npmjs.org/package/@ailjc/react-particle-line)\n\n### Examples\n\n```js\nimport React from 'react';\nimport ReactParticleLine from '@ailjc/react-particle-line';\n\nconst Example = () => (\n  <ReactParticleLine\n    lineWidth={0.3}\n    dotsNumber={100}\n    dotsDistance={100}\n    hoverEffect={true}\n  >\n    {/* ... */}\n  </ReactParticleLine>\n);\n\nexport default Example;\n```\n\n### Props\n\n| Prop         | Type    | Default | Description              |\n| ------------ | ------- | :-----: | ------------------------ |\n| lineWidth    | Number  |   0.3   | connect line width       |\n| dotsNumber   | Number  |   100   | dot number               |\n| dotsDistance | Number  |   100   | far as points to connect |\n| hoverEffect  | Boolean |  true   | mouse hover events       |\n","readmeFilename":"README.md"}