UNPKG

@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
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