@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! ⚡
41 lines • 1.55 kB
TypeScript
import React from "react";
/** Props accepted by {@link DotBackground}. */
export interface DotBackgroundProps extends React.SVGProps<SVGSVGElement> {
/** Horizontal spacing between generated dots. @default 16 */
width?: number;
/** Vertical spacing between generated dots. @default 16 */
height?: number;
/** Horizontal offset applied to the dot grid. @default 0 */
x?: number;
/** Vertical offset applied to the dot grid. @default 0 */
y?: number;
/** Horizontal center offset for each generated circle. @default 1 */
cx?: number;
/** Vertical center offset for each generated circle. @default 1 */
cy?: number;
/** Radius used for each generated dot. @default 1 */
cr?: number;
/** Additional CSS classes merged with the root SVG element. @default undefined */
className?: string;
/** Enables pulsing radial glow animation for every dot. @default false */
glow?: boolean;
}
/**
* Renders an animated dot grid with an optional glowing pulse effect.
*
* @remarks
* - Animated component using the `motion` library
* - Renders an `<svg>` element
* - Styling via CSS Modules with `--ac-*` custom properties
* - Client-side only (`"use client"` directive)
*
* @example
* ```tsx
* <DotBackground glow />
* ```
*
* @see {@link DotBackgroundProps} for available props
*/
declare const DotBackground: React.ForwardRefExoticComponent<Omit<DotBackgroundProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
export { DotBackground };
//# sourceMappingURL=dot-background.d.ts.map