react-fb-image-grid

KO | EN

gitlite — search

#javascript #react #ai #llm #go #android #rust #docker #windows #cli #kubernetes #pytorch #security #mcp

react-fb-image-grid

(★ 145)

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

파일 탐색기

최종 버전 다운로드 (.zip)

- - index.js
- - Images.js
  - Modal.js
- - style.css
- index.js
- .eslintrc
- index-test.js
.gitignore
.travis.yml
CONTRIBUTING.md
LICENSE
nwb.config.js
package.json
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 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.<br>

## Table of Contents

- [What's new](#whats-new)
- [Installation](#installation)
- [Props](#props)
- [Pull Requests](#pr)
- [License](#license)

## What's new `v0.1.5`
* Fixed key warning.

## Demo
![react-fb-image-grid](https://media.giphy.com/media/g04KayLmHrF5hqXzf6/giphy.gif)

## 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](./LICENSE)

react-fb-image-grid

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-fb-image-grid

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README