pit-vue-tools v1.0.0

VueJS Tools for Pitcher Impact

Semantic Modal Module.

• Modal Mixin

Modal Mixin

Mixin for the Semantic Modal Module. Emits events and has a property to open the modal.

Example Component:

<template>
    <div class="ui modal" ref="modal">
    </div>
</template>

import modal from "pit-vue-tools/semantic/mixins/modal";

export default {
    name: "SomeModal",
    mixins: [modal],
    methods: {
        hideModal() {
            // do something
        },
        onApprove() {
            // do something
        },
        onDeny() {
            // do something
        },
        onHidden() {
            // do something
        },
        onHide() {
            // do something
        },
        onShow() {
            // do something
        },
        onVisible() {
            // do something
        },
        showModal() {
            // do something
        }
    }
}

Example Usage:

<SomeModal
    @approve="onApprove"
    @deny="onDeny"
    @hidden="onHidden"
    @hide="onHide"
    @show="onShow"
    @visible="onVisible"
    v-model="openModal"/>