/react-particle-line

🌈一个React+Cnavas酷炫背景粒子线条

Primary LanguageJavaScript

react-particle-line

NPM version MIT Licence

How to use

npm install react-particle-line --save

Examples

import React from 'react';
import ReactParticleLine from 'react-particle-line';

const Example = () => (
  <ReactParticleLine>
    {/* ... */}
  </ReactParticleLine>
);

export default Example;
import React from 'react';
import ReactParticleLine from 'react-particle-line';

const Example = () => (
  <ReactParticleLine
    lineWidth={0.3}
    dotsNumber={100}
    dotsDistance={100}
    hoverEffect={true}
  >
    {/* ... */}
  </ReactParticleLine>
);

export default Example;

Props

Prop Type Default Description
lineWidth Number 0.3 connect line width
dotsNumber Number 100 dot number
dotsDistance Number 100 far as points to connect
hoverEffect Boolean true mouse hover events

License

MIT