vue-modaltor

Changelog

All notable changes to this project will be documented in this file.

vue modal component for vuejs and i hope it be useful for everyone ...

you can see example usages here


Features

- no need to handle modal's height manually it extends as the content of modal increases .
- manage modal's size on different dimensions with one single attribute see responsive
- scrollable modal, modal will get scroll if content is more than current view page height see close-scroll
- modals has multiple parent animations parent-animation
- edit icon close svg or icon font parent-animation
- hide icon close parent-animation

Installation

``NPM
npm install vue-modaltor --save
`

`YARN
yarn add vue-modaltor
`

then you can import modaltor in

$3

`js
import Vue from "vue";
import VueModalTor from "vue-modaltor/dist/vue-modaltor.common";
import "vue-modaltor/dist/vue-modaltor.css";

Vue.use(VueModalTor, {
bgPanel: "#7957d5" // add custome options
});
`

$3


in file `/plugins/modal.js`
`js
import Vue from "vue"
import VueModalTor from "vue-modaltor/dist/vue-modaltor.common.js"
import "vue-modaltor/dist/vue-modaltor.css"
Vue.use(VueModalTor)
`
then add plugins part in `nuxt.config.js`
`js
plugins: [
"~/plugins/modal.js"
]
`

Also, can use CDN


And check it this issues

Example

`vue



`

Props

`vue

``

Slots

#header
- create your own header

#body
- create your own body

TODO List

- [x] Add custom slot for header , body and footer