react-lazy-img-observer
Version:
A React component for lazy loading images with Intersection Observer
28 lines (27 loc) • 1.06 kB
TypeScript
export type ImagesLazy = {
src: string;
alt: string;
srcSet?: string;
sizes?: string;
width?: number;
height?: number;
id?: number | string;
className?: string;
title?: string;
useTitleFromAlt?: boolean;
extraData?: React.ImgHTMLAttributes<HTMLImageElement>;
viewTransitionName?: string;
style?: React.CSSProperties;
backgroundColor?: string;
animationDuration?: string;
blurAmount?: string;
fallbackSrc?: string;
threshold?: number;
transitionType?: "blur" | "fade" | "scale" | "custom";
onLoadComplete?: () => void;
visibleByDefault?: boolean;
loadingComponent?: React.ReactNode;
};
declare const ImageLazy: ({ src, alt, srcSet, sizes, width, height, className, id, extraData, title, useTitleFromAlt, viewTransitionName, style, backgroundColor, animationDuration, blurAmount, fallbackSrc, threshold, transitionType, onLoadComplete, visibleByDefault, loadingComponent, }: ImagesLazy) => import("react/jsx-runtime").JSX.Element;
export default ImageLazy;
export { ImageLazy };