lightbox.js-react
Advanced tools
Comparing version
@@ -30,2 +30,2 @@ import React__default, { ReactNode } from 'react'; | ||
export { Image, type ImageProps }; | ||
export { Image, ImageProps }; |
@@ -88,2 +88,2 @@ import * as React from 'react'; | ||
export { SlideshowLightbox, type SlideshowLightboxProps }; | ||
export { SlideshowLightbox, SlideshowLightboxProps }; |
@@ -14,2 +14,2 @@ import { ElementType, ComponentPropsWithoutRef } from 'react'; | ||
export type { As, HTMLProps, PropsOf }; | ||
export { As, HTMLProps, PropsOf }; |
@@ -16,5 +16,5 @@ "use client"; | ||
// src/types.ts | ||
// lib/types.ts | ||
var types_exports = {}; | ||
module.exports = __toCommonJS(types_exports); | ||
//# sourceMappingURL=types.js.map |
{ | ||
"name": "lightbox.js-react", | ||
"version": "1.5.5", | ||
"version": "1.5.6", | ||
"description": "React lightbox with animation and customization options", | ||
@@ -28,4 +28,4 @@ "author": "silvia-odwyer", | ||
"check-console-log": "eslint --no-inline-config --no-config-lookup --no-ignore --rule \"no-console: error\" \"src/**/*.tsx\"", | ||
"prepublishOnly": "node publishLibrary.js && pnpm build", | ||
"release": "node publishLibrary.js && pnpm build && npm publish", | ||
"prepublishOnly": "node scripts/publishLibrary.js && npm run build", | ||
"release": "npm publish", | ||
"lint": "eslint -c .eslintrc.cjs ./src/**/*.{ts,tsx}", | ||
@@ -32,0 +32,0 @@ "lint:fix": "eslint --fix -c .eslintrc.cjs ./src/**/*.{ts,tsx}", |
# lightbox.js | ||
[](https://www.npmjs.com/package/lightbox.js-react)  [](https://gitter.im/lightbox-js/community) [](https://standardjs.com)   | ||
[](https://www.npmjs.com/package/lightbox.js-react)  [](https://gitter.im/lightbox-js/community) [](https://standardjs.com) | ||
@@ -108,33 +108,2 @@ > All-in-one React lightbox with animation and customization options | ||
### Customization | ||
Some examples of customization include: | ||
#### Close modal outside image click | ||
The default way to close the lightbox is by clicking the close button in the top-right corner or pressing the Esc key. | ||
If you would like to close the modal when the outside of the image is clicked, then set the **modalClose** prop to "clickOutside": | ||
```jsx | ||
<SlideshowLightbox modalClose="clickOutside"> | ||
... | ||
</SlideshowLightbox> | ||
``` | ||
#### Lightbox theme | ||
There are three built-in lightbox themes available, including a dark mode theme. Just pass the theme name to the **theme** prop. The options are: day, night, and lightbox. | ||
```jsx | ||
<SlideshowLightbox theme="night"> | ||
... | ||
</SlideshowLightbox> | ||
``` | ||
#### Lightbox background color | ||
If you would prefer to set a custom background color, then just pass the color to the **backgroundColor** prop: | ||
```jsx | ||
<SlideshowLightbox backgroundColor="white"> | ||
... | ||
</SlideshowLightbox> | ||
``` | ||
The above are just some examples of the customization available. For the full list, be sure to take a look at our [docs here](https://www.getlightboxjs.com/docs/SlideshowLightbox/). | ||
#### | ||
#### 🔑 Getting A License Key | ||
@@ -172,3 +141,2 @@ Depending on the nature of your project, there are two ways to get a license key: | ||
| showFullScreenIcon | Show the full-screen icon in the controls. Default is true | | ||
| showRotationIcon | Show the rotation icon in the controls. Images can be rotated when this is clicked. Default is false | | ||
| showThumbnailIcon | Show the thumbnail icon in the controls. Default is true. | | ||
@@ -250,5 +218,2 @@ | showSlideshowIcon | Show the slideshow icon in the controls. Default is true | | ||
## Maintained By | ||
- Silvia O'Dwyer - [Twitter](https://twitter.com/silvia_923)  | ||
## Contributions | ||
@@ -255,0 +220,0 @@ If you'd like to add any new features, we're always welcoming new contributions! We only accept contributions that are under the GPL v3 License, so if you agree to this license and its terms, then we'd be delighed to integrate your contribution! |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
28393
0.13%2632684
-0.71%48
-12.73%224
-13.51%