Wovue dialog

Dialog (Modal) component for Vue.js

Version: 1.2.1 Updated: 10/06/2016

By: wovue License: MIT

Downloads Last 30 Days: 50

Install

npm i wovue-dialog
yarn add wovue-dialog

Repository: https://github.com/wovue/dialog

CDNs

bundle.run: https://bundle.run/wovue-dialog

jsDelivr: https://cdn.jsdelivr.net/npm/wovue-dialog

unpkg: https://unpkg.com/wovue-dialog

Dialog

Dialog (Modal) component for Vue.js

Create dialogs with different styles.

Live examples & Docs

https://wovue.github.io/dialog

Features

  • a11y friendly
  • Perfect vertical centering.

Getting Started

Install the package using npm

$ npm install wovue-dialog --save

Install 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.

Basic Usage

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

Development

# 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

Contributors



wochap
commits

DevDependencies


Categories: Vue js