Silentbox
A simple lightbox inspired component for Vue.js. If you're interested, you can visit demo site.
Installation
Npm
npm install --save vue-silentbox
Import the plugin into Vue:
import Vue from 'vue'
import VueSilentbox from 'vue-silentbox'
Vue.use(VueSilentbox)Usage
In the template you can use "single" silentbox instance
<silentbox-single src="" autoplay="true" description="">Single item</silentbox-single>or group instance which will make gallery.
<silentbox-group>
<silentbox-item src="" autoplay="true" description="My very custom message">Item one</silentbox-item>
<silentbox-item src="">Item two</silentbox-item>
<silentbox-item src="">Item three</silentbox-item>
</silentbox-group>As you can see, both of the variants share some attributes which could be filled.
| Attribute | Description |
|---|---|
| src | media source, it could be an image or a youtube video |
| autoplay | short description below image (doesn't work below videos yet) |
| description | bool, to autoplay youtube video |