Repository files navigation

the best modal you can get.

npm install --save-dev vue-comps-modal

or includebuild/bundle.js.

# in your componentcomponents:"modal":require("vue-comps-modal")# or, when using bundle.jscomponents:"modal":window.vueComps.modal

<button> Open Modal<modal>    Content</modal></button>

For examples seedev/.

Note, that the modal will be appended todocument.body on first opening.

You can provide a vue transition like this:

Vue.transition("fade",{// your transition})// or in the instance:transitions:{fade:{// your transition}}// usage:template:"<modal transition='fade'></modal>"

The background is managed byvue-overlay.Seehere for an example on how to change its fading function.

• 1.2.1
  close overlay on destroy

• 1.2.0
  added toggled event
  set default transition

• 1.1.1
  removed usage of$appendTo

• 1.1.0
  now using vue transitions
  events are renamed after vue transitions

• 1.0.0
  addedz-index prop
  removeclose event listening

Clone repository.

npm installnpm run dev

Browse tohttp://localhost:8080/.

Copyright (c) 2016 Paul PflugradtLicensed under the MIT license.