Function Particles

<Particles />
Copy

Source

• Source code

export const Particles = ({ options, overlay, fullScreenOverlay, ...props }: ParticlesProps) => {
  const canvasRef = useRef<HTMLCanvasElement>(null);

  const fsStyles = fullScreenOverlay
    ? { position: "fixed", top: 0, left: 0, width: "100vw", height: "100vh" }
    : {};

  const resolvedOverlay = overlay || fullScreenOverlay;

  const style = (
    resolvedOverlay ? { pointerEvents: "none", ...fsStyles, ...props.style } : props.style
  ) as CSSProperties;

  useEffect(
    () =>
      canvasRef.current
        ? renderParticles(canvasRef.current, { ...options, overlay: resolvedOverlay })
        : /* v8 ignore next */
          undefined,
    [options, resolvedOverlay],
  );
  return <canvas ref={canvasRef} style={style} {...props} data-testid="particles" />;
};
Copy