Fullscreen Lightbox Javascript Fullscreen Lightbox ,React Fullscreen Lightbox Vue

Vue Lightbox Documentation

Official Vue fslightbox guide!


Package manager (only for basic version)

You can install lightbox using your favorite package manager:

$ npm install fslightbox-vue
# or
$ yarn add fslightbox-vue


Download .tgz archive from download page . Put it somewhere in your project for example: ./src/lib Then run package manager install command with path to that archive. You need to be in directory where your project package.json file is.

$ npm install ./src/lib/[lightbox archive name]
# or
$ yarn add ./src/lib/[lightbox archive name]


$ npm install ./src/lib/fslightbox-vue-basic-1.0.0.tgz
# or
$ yarn add ./src/lib/fslightbox-vue-basic-1.0.0.tgz


For projects that don't use node.js there is UMD fslightbox build. Find in archive file called fslightbox.umd.js. Add it to your website via script tag and display lightbox with global fs-lightbox component.

<div id="app">
...some props

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="fslightbox.umd.js"></script>
new Vue({
el: '#app'
Get connected wth us on social networks!