react-lazy-responsive-image

1.0.0 • Public • Published

React Lazy Responsive Image

A React Component to lazy load responsive images

Example

$ npm install react-lazy-responsive-image --save
import React from 'react';
import ReactDOM from 'react-dom';
 
import LazyResponsiveImage from 'react-lazy-responsive-image';
  
ReactDOM.render(
  <LazyResponsiveImage
      src="foo@default.jpg"
      className="test-class"
      sources={{
          small: 'foo@small.jpg',
          medium: 'foo@medium.jpg',
          large: 'foo@large.jpg|foo@large-2x.jpg',
      }}
      breakpoints={{
          small: 600,
          medium: 900,
          large: 1200,
      }}
  />,
  document.getElementById('root')
);

Package Sidebar

Install

npm i react-lazy-responsive-image

Weekly Downloads

20

Version

1.0.0

License

ISC

Unpacked Size

11.4 kB

Total Files

7

Last publish

Collaborators

  • xvicmanx