light-gallery-react

Welcome to light-gallery-react 👋

A light weighted gallery component used for React JS, Next JS frameworks, which is designed to showcase a set of images in a responsive way based on react-bootstrap

Install

npm install light-gallery-react@latest --legacy-peer-deps

Usage

//...
<LightGallery
    lg_col={4},
    md_col={6},
    xs_col={6},
    div_padding="5%",
    img_padding="5%",
    images=[
      "path/to/img/1.png",
      "path/to/img/2.png",
      "path/to/img/3.png",
      "path/to/img/4.png"
      //...
    ]
></LightGallery>
//...

Bootstrap’s grid system uses a series of containers, rows, and columns to layout and align content. It’s built with flexbox and is fully responsive.

lg_col: Integer out of 12 columns when the max container width ≥992px

md_col: Integer out of 12 columns when the max container width ≥768px

xs_col: Integer out of 12 columns when the max container width ≥576px

Please check bootstrap documentation regarding to Grid System for detailed information

This module is built based on react and react-bootstrap, please ensure you have both of these modules installed

Author

👤 ETHYANG TECH

• Website: tech.ethyang.com
• Github: @E0han
• LinkedIn: @ethyang

🤝 Contributing

Contributions, issues and feature requests are welcome!
Feel free to check issues page. You can also take a look at the contributing guide.

Show your support

Give a ⭐️ if this project helped you!

📝 License

Copyright © 2022 ETHYANG TECH.
This project is ISC licensed.

This README was generated with ❤️ by readme-md-generator