Usage no npm install needed!

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

README

react-imager

demo: https://bear2029.github.io/react-imager/

Basic usage

<Imager
  src="http://image.shutterstock.com/z/stock-photo-grandmother-with-mother-and-daughter-against-the-lake-144816268.jpg"
/>

Customizeable usage

// optional scss
import '@react-imager/style/scss/imagr-theme.scss'
...
...
<Imager
  className="imagr example"
  failedClass="failed-custom"
  laodedClass="loaded-custom"
  loadingClass="loading-custom"
  onFailed={ action('loading failed') }
  onLoaded={ action('loaded') }
  src="http://image.shutterstock.com/z/stock-vector-healthy-vegetables-frame-linear-graphic-vector-illustration-253355536.jpg"
/>