uchaopin/react-progress-loading

Light weight react library to progressively load images using a medium like blur effect.

react-progress-loading

Light weight react library to progressively load images using a medium like blur effect.

Install

npm install --save react-progress-loading
yarn add react-progress-loading

Example

For a working demo, checkout my sandbox

Usage

import React, { Component } from 'react'

import ProgressiveImage from 'react-progress-loading'

class Example extends Component {
  render() {
    return (<ProgressiveImage
          originalImageSrc={originalImage} //requied
          smallImageSrc={smallImage} //required
          containerDivStyles={{}}
          smallImageStyles={{}}
          originalImageStyles={{}}
    />)
  }
}

License

MIT © arnavozil