Fullscreen Lightbox Javascript Fullscreen Lightbox React Fullscreen Lightbox Vue

Vue Lightbox Documentation

Official Vue fslightbox guide!

Installation

Package manager (only for basic version)

You can install lightbox using your favorite package manager:

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

Tarball

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]

Example:

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

UMD

For projects that doesn'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">
<fs-lightbox
...some props
/>
</div>

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