telvin-vodal v2.2.3

Vodal

A vue modal with animations. Example

Installation

npm install telvin-vodal -S

Usage

<vodal :show="show" animation="rotate" @hide="show = false">
    <div>A vue modal with animations.</div>
</vodal>

import Vue from 'vue';
import Vodal from 'vodal';

Vue.component(Vodal.name, Vodal);

export default {
    name: 'app',
    
    data() {
        return {
            show: false
        }
    }
}

// include animation styles
@import "vodal/dist/all.min.css";

Props

Animation Types

• zoom
• fade
• flip
• door
• rotate
• slideUp
• slideDown
• slideLeft
• slideRight

This source is just for personal custom usage. To find the orignal author: https://github.com/chenjiahan