@impactdk/react-image

Image component that handles lazy loading via intersection observer (remember to polyfill for IE11). Also features IE11 fallback functionality for object-fit + object-position.

Installation

npm install --save @impactdk/react-image

Using the module

import Image from "@impactdk/react-image";

export const App = () => (
    <Image src="/path/to/image" objectFit="cover" lazy={true} />
);