@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! ⚡
26 lines • 1.02 kB
TypeScript
import { type HTMLMotionProps, type Transition } from "motion/react";
import * as React from "react";
/** Props accepted by {@link GradientBackground}. */
export interface GradientBackgroundProps extends HTMLMotionProps<"div"> {
/** Motion timing used for the animated background-position sweep. @default {duration: 15, ease: "easeInOut", repeat: Infinity} */
transition?: Transition;
}
/**
* Renders a continuously shifting multicolor gradient background.
*
* @remarks
* - Animated component using the `motion` library
* - Renders a `<div>` element
* - Styling via CSS Modules with `--ac-*` custom properties
* - Client-side only (`"use client"` directive)
*
* @example
* ```tsx
* <GradientBackground />
* ```
*
* @see {@link GradientBackgroundProps} for available props
*/
declare const GradientBackground: React.ForwardRefExoticComponent<Omit<GradientBackgroundProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
export { GradientBackground };
//# sourceMappingURL=gradient-background.d.ts.map