Fullscreen Lightbox Javascript Fullscreen Lightbox ,React Fullscreen Lightbox Vue

Vue Lightbox Documentation

Official Vue fslightbox guide!


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 its 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:

component: CustomSource
props: { exampleProp: 'example-value' }

Lightbox doesn't change sources!

sources prop are not reactive, how to change lightbox sources?

Get connected wth us on social networks!