react-gif-loader

0.6.0 • Public • Published

React Gif Loader

Install

npm install react-gif-loader --save

Demo

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

Package Sidebar

Install

npm i react-gif-loader

Weekly Downloads

28

Version

0.6.0

License

MIT

Unpacked Size

169 kB

Total Files

9

Last publish

Collaborators

  • thamodaran