liquid-glass-react-positioning/dist/index.d.ts

Apple's Liquid Glass effect for React with positioning support

interface LiquidGlassProps {
    children: React.ReactNode;
    displacementScale?: number;
    blurAmount?: number;
    saturation?: number;
    aberrationIntensity?: number;
    elasticity?: number;
    cornerRadius?: number;
    globalMousePos?: {
        x: number;
        y: number;
    };
    mouseOffset?: {
        x: number;
        y: number;
    };
    mouseContainer?: React.RefObject<HTMLElement | null> | null;
    className?: string;
    padding?: string;
    style?: React.CSSProperties;
    overLight?: boolean;
    mode?: "standard" | "polar" | "prominent" | "shader";
    onClick?: () => void;
    positioning?: "center" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "free";
    /**
     * Transition applied to the first border span (mixBlendMode: screen)
     * e.g. "all 0.2s ease-out"
     */
    border1Transition?: string;
    /**
     * Transition applied to the second border span (mixBlendMode: overlay)
     * e.g. "all 0.2s ease-out"
     */
    border2Transition?: string;
}
export default function LiquidGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, cornerRadius, globalMousePos: externalGlobalMousePos, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, positioning, border1Transition, border2Transition, }: LiquidGlassProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map