@deyvis17gy/atom-img

image preloading for slow or large connections

Install

npm install --save @deyvis17gy/atom-img

yarn install @deyvis17gy/atom-img

Live Demo: Storybook

Usage

import React from 'react';

import { Picture } from '@deyvis17gy/atom-img';
import '@deyvis17gy/atom-img/dist/index.css';

const App = () => {
  return (
    <Picture
      className='picture'
      alt='image'
      url='example.png'
      loaderUrl='loaderExample.png'
      isBorderRadius={true}
      isLazy={true}
      onClick={() => console.log('click')}
    />
  );
};

License

MIT © Deyvis17GY