react-particle-line
v0.1.9
Published
基于 React 的线性粒子背景
Downloads
54
Maintainers
Readme
react-particle-line
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