React LazySizes

LazySizes component for ReactJS base on lazysizes

Installation

NPM

1npm install --save react-lazysizes

Bower

1bower install --save react-lazysizes

Usage

JS

1var LazySizes = require('react-lazysizes');
2
3<LazySizes width='1920' height='1024' dataSrc='http://lorempixel.com/1920/1024/sports/1'/>

UMD

1<script src="path/to/react-lazysizes/dist/react-lazysizes.js"></script>

1//...
2var LazySizes = window.ReactLazysizes;
3//...

Example here

Props

Name	Type	Default
src	string	'data:image/gif;base64,R0lGODdhEAAJAIAAAMLCwsLCwiwAAAAAEAAJAAACCoSPqcvtD6OclBUAOw=='
dataSrc	string
dataSizes	string	'auto'
dataSrcSet	[string, object, array]
className	string	''
iframe	bool	false

More info see lazysizes api.

Example

View demo or example folder.