lightbox-kit
An image lightbox component for React.
lightbox
lightbox
lightbox
lightbox
Installation
Usage
Title
The title displayed in the lightbox. This can be truncated if it exceeds the specified length (see titleMaxLength).
Source
The URL or path of the image to be displayed in the lightbox. This is the main image shown when the lightbox is opened.
Theme
Defines the visual theme of the lightbox. It adjusts the background color and text color to either light or dark theme. "light" uses lighter colors, and "dark" uses darker colors.
Image
Custom class name for the image element itself, allowing additional styling like borders, shadows, or other visual effects. AllowDrag determines whether the image inside the lightbox can be dragged.
Overlay
The overlay is the semi-transparent background layer that appears behind the lightbox content, dimming the rest of the screen. It allows users to focus on the lightbox while optionally providing a clickable area to close it.
Close
A custom class name for the close button's icon (X icon) that can be used to adjust its appearance, such as its size, color, or position.
This documentation provides a comprehensive overview of our lightbox component,with a design inspired by modern interfaces like Sonner.
Made byZxk-Afz.