FAQ
I've passed correct url but lightbox displays message: Invalid file!
You've most likely used external url without CORS enabled so lightbox cannot detect it's type automatically.
There are two ways to fix it:
- you can put source you want to display on your server
- you can specify source type manually using types prop. More...
How to pass props to component passed to lightbox?
To do it instead of passing component directly pass object with component and props properties:
<FsLightbox
:toggler="toggler"
:customSources="[{
component: CustomSource
props: { exampleProp: 'example-value' }
}]"
/>
:toggler="toggler"
:customSources="[{
component: CustomSource
props: { exampleProp: 'example-value' }
}]"
/>
Lightbox doesn't change sources!
sources and customSources props are not reactive, how to change lightbox sources?