Fullscreen Lightbox Javascript Fullscreen Lightbox React Fullscreen Lightbox Vue

Vue Lightbox Documentation

Official Vue fslightbox guide!

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:

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' }
}]"
/>

Lightbox doesn't change sources!

sources and customSources props are not reactive, how to change lightbox sources?

Get connected wth us on social networks!