liquid-glass-react-positioning
Version:
Apple's Liquid Glass effect for React with positioning support
28 lines • 1.12 kB
TypeScript
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";
}
export default function LiquidGlass({ children, displacementScale, blurAmount, saturation, aberrationIntensity, elasticity, cornerRadius, globalMousePos: externalGlobalMousePos, mouseOffset: externalMouseOffset, mouseContainer, className, padding, overLight, style, mode, onClick, positioning, }: LiquidGlassProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=index.d.ts.map