Skip to content

ropbla9/vue-window-modal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-window-modal

Simple window like modal for Vue.js

!\[Alt Text\](https://media.giphy.com/media/63Jv8Vy8bK0OHYURYQ/giphy.gif)

Install

npm install --save https://github.com/ropbla9/vue-window-modal

Init plugin

import  VueWindowModal  from  'vue-window-modal'

Vue.use(VueWindowModal)

Use

<vue-window-modal  :active="visibleFormCrud"  title="Client 1"  v-on:clickClose="visibleFormCrudUpdate(false)">
    FOO TEXT ON DEFAULT SLOT :DDDDD 1
</vue-window-modal>

<vue-window-modal  :active="visibleFormCrudTwo"  title="Client 2"  v-on:clickClose="visibleFormCrudUpdateTwo(false)">
    FOO TEXT ON DEFAULT SLOT :DDDDD 2
</vue-window-modal>

<vue-window-modal  :active="visibleFormCrudThree"  title="Client 3"  v-on:clickClose="visibleFormCrudThree = false">
	    FOO TEXT ON DEFAULT SLOT :DDDDD 3
    </vue-window-modal>

It's not well written but properly working. Feel free to pull request.

PS: Since it's not pre-compiled you will need a blunder (webpack) to run into your project.

About

Windows like modal component for Vue.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published