Dialog (Modal) component for Vue.js
Create dialogs with different styles.
https://wovue.github.io/dialog
- a11y friendly
- Perfect vertical centering.
Install the package using npm
$ npm install wovue-dialog --saveInstall the plugin
require('wovue-dialog/dist/dialog.css')
import Vue from 'vue'
import Dialog from 'wovue-dialog'
Vue.use(Dialog)Note only with webpack you can import CSS in javascript.
<button v-dialog:toggle="dialog">Open dialog</button>
<wv-dialog ref="dialog">
<h1>Hello</h1>
<button v-dialog:toggle="dialog">Close dialog</button>
</wv-dialog># install dependencies
npm install
# serve with hot reload src-docs at localhost:8080
npm run dev
# build for production with minification src-docs and src
npm run build
# copy docs folder to gh-pages branch and push
npm run deploy-docs
# run unit tests
npm run unit
# run all tests
npm test