react-image-component

React component to load images with a little finesse

Usage no npm install needed!

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

README

react-image-component

React component to load images with a little finesse. A placeholder is rendered while the image loads. Once loaded the image fill fade in. See http://pugholdit.herokuapp.com for an example.

usage

var Image = require('react-image-component')

React.renderComponent(<Image src={'http://pugholdit.herokuapp.com/500x400.jpg'} aspectRatio={0.8} />, mountNode)