React LazySizes
LazySizes component for ReactJS base on lazysizes
Note: If you're still using React 0.13, please continue to use [email protected]
.
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.