@arolariu/components
Version:
🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
31 lines • 1.27 kB
TypeScript
import * as React from "react";
/** Props accepted by {@link HoleBackground}. */
export interface HoleBackgroundProps extends React.HTMLAttributes<HTMLCanvasElement> {
/** Stroke color used for the wireframe discs and line work. @default "#737373" */
strokeColor?: string;
/** Number of radial line groups drawn through the tunnel. @default 50 */
numberOfLines?: number;
/** Number of animated discs used to build the tunnel depth effect. @default 50 */
numberOfDiscs?: number;
/** RGB tuple used to tint the floating particle field. @default [255, 255, 255] */
particleRGBColor?: [number, number, number];
}
/**
* Renders a vortex-style tunnel animation with discs, scanlines, and particles.
*
* @remarks
* - Animated component using the `motion` library
* - Renders a `<div>` element containing a `<canvas>`
* - Styling via CSS Modules with `--ac-*` custom properties
* - Client-side only (`"use client"` directive)
*
* @example
* ```tsx
* <HoleBackground />
* ```
*
* @see {@link HoleBackgroundProps} for available props
*/
declare const HoleBackground: React.ForwardRefExoticComponent<HoleBackgroundProps & React.RefAttributes<HTMLCanvasElement>>;
export { HoleBackground };
//# sourceMappingURL=hole-background.d.ts.map