react-progressive-component

>
[![license][license-badge]][license]

Example

- https://jf423.github.io/react-progressive-component/

Installation

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

Usage

$3


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

`

$3

`jsx=
src={pic2}
loader={small_pic2}
loaderStyle={'width: 100vw'}
>
src={pic2}
style={{ width: '100vw' }}
/>

`

Property

| Prop | Type | Required | Default | Description |
| ------------- | --------- | -------------- | ---------------- | --------- |
| src | string | yes | ------|Origin image |
| loader | string | yes | ------|Compress image |
| loaderStyle` | string | option | filter: blur(10px); |The style of the loader. |

CONTRIBUTING

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

LICENSE

MIT