0.3.0 • Published 6 years ago
vue-basic-modal v0.3.0
Vue Basic Modal
A basic modal made with vove, I mean with luve... VUE and LOVE!
Usage
- Install
npm install vue-basic-modal
or using UMD
<script src="https://unpkg.com/vue-basic-modal/dist/vue-basic-modal.umd.min.js"></script>
- Add the css file somewhere in your application
<link rel="stylsheet" href="https://unpkg.com/vue-basic-modal/dist/basic-modal.css"></link>
- And finally the component!
<template>
<div>
<button type="button" @click="state = !state">Show Modal</button>
<basic-modal :state="state">
I am a Modal
</basic-modal>
</div>
</template>
<script>
import basicModal from 'vue-basic-modal';
export default {
name: 'my-comp',
data: () => {
return {
state: true,
};
},
components: {
basicModal: basicModal,
// basicModal: window['basic-modal'], if you are using UMD version
},
};
</script>
Build component
npm run component