react-lazyload-img

lazyload image component

Usage no npm install needed!

<script type="module">
  import reactLazyloadImg from 'https://cdn.skypack.dev/react-lazyload-img';
</script>

README

react-lazyload-img

lazyload image component

Installation

$ npm install react-lazyload-img --save

Usage

import * as React from 'react';
import LazyLoadImg from 'react-lazyload-img';

class App extends React.Component<any, any> {
  render() {
    <div>
      <LazyLoadImg
      src=""
      placeholder=""       
      />
    </div>
  }
}

Props

props	type	default	description	required
src	string		img source	false
placeholder	string		when img unload, img`s source is placeholder	false
offset	{{ min?: number, max?: number }}	{ min: 0, max: 0 }	viewport offset	false

License

MIT