https://github.com/wovue/dialog
Dialog vue component
https://github.com/wovue/dialog
Last synced: 3 months ago
JSON representation
Dialog vue component
- Host: GitHub
- URL: https://github.com/wovue/dialog
- Owner: wovue
- Created: 2016-09-16T01:59:52.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2016-10-05T21:25:49.000Z (about 9 years ago)
- Last Synced: 2025-02-09T00:07:24.951Z (9 months ago)
- Language: Vue
- Homepage: https://wovue.github.io/dialog/
- Size: 609 KB
- Stars: 1
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-vue-refactor - vue-dialog
- awesome-vuejs - vue-dialog - A off-canvas component for Vue.js. <sup>1.x compatible</sup> (Awesome Vue.js / Component Collections)
README
# Dialog
> Dialog (Modal) component for Vue.js
Create dialogs with different styles.
## Live examples & Docs
[https://wovue.github.io/dialog](https://wovue.github.io/dialog)
## Features
* a11y friendly
* Perfect vertical centering.
## Getting Started
Install the package using npm
```sh
$ npm install wovue-dialog --save
```
Install the plugin
```js
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
```html
Open dialog
Hello
Close dialog
```
## Development
``` bash
# 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
```