react-imagizo

An image library that's used to show the images in beautiful grids.

Usage no npm install needed!

<script type="module">
  import reactImagizo from 'https://cdn.skypack.dev/react-imagizo';
</script>

README

React Imagizo

An image library that's used to show the images in beautiful grids.

Below you will find some information on how to perform common tasks.

Table of Contents

What's new

Overlay Counts added for more than 5 images.

Props

Props Type Default Example
images Array (String) required ['https://some-url.com/image.jpg', importedImage] //Local image should be imported first
width Number auto {100} //We consider this as percent
countFrom Number 5 {2} //Should be from 1 to 5
hideOverlay Boolean false {true}
renderOverlay Function () => Preview Image {() => <button>Show Image</button>}
overlayBackgroundColor String #222222 'green' or '#000000' or 'rgb(255, 26, 26)'
onClickEach Function null {({src, index}) => {}}