https://github.com/owsas/react-image-lightbox-fit
Lightbox with support for several images in ReactJS
https://github.com/owsas/react-image-lightbox-fit
Last synced: 10 months ago
JSON representation
Lightbox with support for several images in ReactJS
- Host: GitHub
- URL: https://github.com/owsas/react-image-lightbox-fit
- Owner: owsas
- Created: 2017-11-19T19:49:27.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-04-10T19:51:38.000Z (about 8 years ago)
- Last Synced: 2025-06-02T22:53:54.777Z (about 1 year ago)
- Language: JavaScript
- Size: 209 KB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Image Lightbox Fit
## Example
```jsx
import React from 'react';
import { render } from 'react-dom';
import LightBoxFit from 'react-image-lightbox-fit';
const App = () => (
Hello world
This is a test paragraph
);
render(, document.getElementById('root'));
```
### Props
```js
ReactImageLightboxFit.propTypes = {
height: PropTypes.number.isRequired,
images: PropTypes.arrayOf(PropTypes.string).isRequired,
};
```
## Result
### Desktop
### Mobile
## Dev Mode
1. Clone this repository
1. Run `yarn install` (Usage of Yarn is recommended)
1. Edit the `src/index.jsx` file and then run `npm run dev`.
1. This will start the `webpack-dev-server`
1. Then open your browser at `localhost:3100`
1. The browser will be updated everytime you change the code at `src/index.jsx`
## Dev Features
* Linting with eslint
* Linting code style: Airbnb
* Testing with `jest@^21.2.1` and `enzyme@^3.1.1`
* Uses `babel` for JS transpiling
* Uses `webpack` for building the code
## Folder structure
* `/src`: The module code
* `/test`: The tests for the `src` components
* `/build`: The target compilation directory
## Credits
Juan Camilo Guarín Peñaranda
[Otherwise SAS](https://github.com/owsas)
Cali, Colombia, 2017
## License
MIT
## Support us on Patreon
[](https://patreon.com/owsas)