chetan-gallery-lightbox v0.2.0

chetan-gallery-lightbox

"chetan-gallery-lightbox" is a lightweight and customizable gallery lightbox package for displaying images and media content in an elegant and user-friendly way. It's designed for easy integration into web applications and provides a responsive and immersive viewing experience.

Features

• Sleek and immersive lightbox for image and media content.
• Responsive design for various screen sizes.
• Next and previous navigation buttons for easy browsing.
• Supports high-resolution images and multimedia content.
• Customization options to fit your project's style.

Installation

You can install "chetan-gallery-lightbox" using npm or yarn:

npm install chetan-gallery-lightbox
# or
yarn add chetan-gallery-lightbox

Code:

import React from 'react'
import {Gallery} from 'chetan-gallery-lightbox'
import Image1 from "../assets/image1.png"
import Image2 from "../assets/image2.png"
import Image3 from "../assets/image3.png"
import Image4 from "../assets/image4.png"


const Home = () => {

const ImageArray =[
    Image1,
    Image2,
    Image3,
    Image4
]

  return (
    <Gallery imagesArray={ImageArray}  />
  )
}

export default Home

Props Reference: