React Gif Loader

Install

npm install react-gif-loader --save

Demo

Usage

React gif loader example with customize your own styles

import GifLoader from 'react-gif-loader';

class ReactGifLoader extends Component {
    render() {
        return (
            <GifLoader
                loading={true}
                imageSrc="https://media.giphy.com/media/l378zKVk7Eh3yHoJi/source.gif"
                imageStyle={imageStyle}
                overlayBackground="rgba(0,0,0,0.5)"
            />
        );
    }
}

PROPTYPES

Prop	Type	Default	Required
imageSrc	String	https://media.giphy.com/media/l378zKVk7Eh3yHoJi/source.gif	No
overlayBackground	String	rgba(0,0,0,0.4)	No
imageStyle	Object	{marginTop: "20%"}	No
loading	Boolean	-	Yes

react-gif-loader