react-progress-loading

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

Demo

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={{}}
          originalImageAlt=''
          smallImageAlt=''
    />)
  }
}

Props

originalImageSrc
Required: Yes
Description: The url to original image
Type: string (url)

License

MIT © arnavozil