kikoanis / react-lazysizes

LazySizes component for ReactJS base on lazysizes

React LazySizes

LazySizes component for ReactJS base on lazysizes

Note: If you're still using React 0.13, please continue to use react-lazysizes@0.2.x.

Installation

NPM

npm install --save react-lazysizes

Bower

bower install --save react-lazysizes

Usage

JS

var LazySizes = require('react-lazysizes');

<LazySizes width='1920' height='1024' dataSrc='http://lorempixel.com/1920/1024/sports/1'/>

UMD

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

...
var LazySizes = window.ReactLazysizes;
...

Example here

Props

Name	Type	Default
src	string	'data:image/gif;base64,R0lGODdhEAAJAIAAAMLCwsLCwiwAAAAAEAAJAAACCoSPqcvtD6OclBUAOw=='
dataSrc	string
dataSizes	string	'auto'
dataSrcSet	string
className	string	''
iframe	bool	false
width	string or number
height	string or number

More info see lazysizes api.

Example

View demo or example folder.