react-responsive-image-zoom
Version:
A lightweight and customizable React component that provides a smooth zoom effect on images when hovered over. It supports responsive zoom factors based on screen width breakpoints,adapting to different screen, and includes an optional debug mode.
17 lines (16 loc) • 466 B
TypeScript
import React from 'react';
import type { ImgHTMLAttributes } from 'react';
interface Breakpoint {
maxWidth: number;
zoomFactor: number;
}
interface ImageZoomProps extends ImgHTMLAttributes<HTMLImageElement> {
src: string;
defaultZoomFactor?: number;
transition?: number;
breakpoints?: Breakpoint[];
imgClassName?: string;
debug?: boolean;
}
declare const _default: React.NamedExoticComponent<ImageZoomProps>;
export default _default;