rpc

react-progressive-component

A collection of progressive loading effect with react.

Showing:

Popularity

Downloads/wk

10

GitHub Stars

1

Maintenance

Last Commit

4yrs ago

Contributors

0

Package

Dependencies

1

Size (min+gzip)

1.6KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

react-progressive-component

license

Example

Installation

$ npm install react-progressive-component --save (or yarn add ...)

Usage

Div

<ProgressiveImg
  src={pic1}
  loader={small_pic1}
  loaderStyle={'min-width: 100vw;height: 100vh;'}
>
    <div
      style={{
        minWidth: '100vw', height: '100vh',
        background: `url(${pic1}) center center / cover no-repeat`
      }}
    />
</ProgressiveImg>

Img

<ProgressiveImg
  src={pic2}
  loader={small_pic2}
  loaderStyle={'width: 100vw'}
>
  <img
    src={pic2}
    style={{ width: '100vw' }}
  />
</ProgressiveImg>

Property

PropTypeRequiredDefaultDescription
srcstringyes------Origin image
loaderstringyes------Compress image
loaderStylestringoptionfilter: blur(10px);The style of the loader.

CONTRIBUTING

All contributions and stars are super welcome! Please feel free to pull request.

LICENSE

MIT

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100