Note: If you need multiple instances of the lightbox in a single page you should wrap each one with its own component. getElementById ( "root" ) ) export default App Import React from "react" import ReactDOM from "react-dom" import App from "./App" import SimpleReactLightbox from 'simple-react-lightbox' // USE THE IMPORT BELOW INSTEAD IF YOU ARE USING THE PRO VERSION // import SimpleReactLightbox from 'simple-react-lightbox-pro' ReactDOM. If you want to play with the options, use the CodeSandbox link above. I have also created a full working website where you can see the lightbox in action. I have provided a full working demo on CodeSandbox where you can also play with the options and see the lightbox in action. ![]() You can see this in action on the demo website. Check the official website to learn more.Īdded a support for overlay on top of the images in the PRO version that allows to have an overlay DIV on top of an image. PRO VERSION: New more flexible pricing are going to be available from the 12th of March which allows you to increase the number of downloads per license depending on the plan. ![]() Please refer to the Gallery with thumbnails section of the docs. A note on "slide" animation and FirefoxĪdds a way to help the lightbox to identify the right thumbnail when using Gatsby Image and NextJS Image Component.Some features are only available in the PRO version available on the official Simple React Lightbox - website. Simple React Lightbox comes with many features: please check the options section to learn more. Just use the provided component to wrap your app, define your options and then use the component by wrapping it around the content in which you have or expect your images or videos! Packed with features □ Simple React Lightbox gives you the ability to add a lightbox functionality on a set of images (or videos/audio if you are using the PRO version), whether you define them yourself or you get them from an external source (API, backend etc…).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |