react-fb-image-grid

A beautifully featured image grid library for React which represents the images just like the facebook grid images with the count for extra as well

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-fb-image-grid
121120.1.54 years ago4 years agoMinified + gzip package size for react-fb-image-grid in KB

Readme

react-fb-image-grid
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 v0.1.5

  • Fixed key warning.

Demo

react-fb-image-grid

Some Features Video

https://youtu.be/HdEhsDNkw6s

Installation

Run the following
npm install react-fb-image-grid
or
yarn add react-fb-image-grid

Basic Usage

import FbImageLibrary from 'react-fb-image-grid'

<FbImageLibrary images={[]}/>

Props

Props | Type | Default | Example :--- | :---: | :---: | :--- images | Array (String) | required | {['https://some-url.com/image.jpg', importedImage]} //Local image should be imported first 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}) => {}}

Pull Requests

Feel free to make Pull Requests for your feature/fix. To run the project, run
npm install
or
yarn
then
npm start

License

MIT