import React from "react"; import LazyLoad from "react-lazyload"; import image from "./image.jpg"; const App = () => { /** * Lazy loading images is supported out of box, no extra config is needed * `height` is set for better experience */ return ( <LazyLoad height={200}> <img src={image} /> </LazyLoad> ); }; export default App;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter