lightswind
Version:
A collection of beautifully crafted React Components, Blocks & Templates for Modern Developers. Create stunning web applications effortlessly by using our 160+ professional and animated react components.
42 lines (41 loc) • 1.44 kB
TypeScript
import React from "react";
import { type VariantProps } from "class-variance-authority";
type ConfettiOptions = {
particleCount?: number;
spread?: number;
startVelocity?: number;
decay?: number;
gravity?: number;
drift?: number;
ticks?: number;
origin?: {
x?: number;
y?: number;
};
colors?: string[];
shapes?: string[];
scalar?: number;
zIndex?: number;
disableForReducedMotion?: boolean;
};
declare global {
interface Window {
confetti?: (options?: ConfettiOptions) => void;
}
}
declare const confettiButtonVariants: (props?: {
variant?: "default" | "link" | "outline" | "secondary" | "ghost" | "gradient";
size?: "default" | "sm" | "lg" | "icon" | "xl" | "pill";
animation?: "none" | "scale" | "bounce" | "pulse" | "shake" | "glow" | "expand";
} & import("class-variance-authority/dist/types").ClassProp) => string;
export interface ConfettiButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof confettiButtonVariants> {
asChild?: boolean;
icon?: React.ReactNode;
iconPosition?: "left" | "right";
loading?: boolean;
confettiOptions?: ConfettiOptions;
autoConfetti?: boolean;
triggerOnHover?: boolean;
}
declare const ConfettiButton: React.ForwardRefExoticComponent<ConfettiButtonProps & React.RefAttributes<HTMLButtonElement>>;
export { ConfettiButton, confettiButtonVariants };