@ailjc/react-particle-line
基于 react 的线性粒子背景
Examples
import React from 'react';
import ReactParticleLine from '@ailjc/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 |