Modal library available for Vue.js.
SweetModal
Sweet, easy and good looking modals, similar to sweetalert, but made for Vue.js (jQuery too). Check the examples and for Vue.js here, or create your own!
Please note that <sweet-button>
is an implementation specific to these examples.
You need to implement your own buttons for use with SweetModal.
Example
Install Note: This is a library solely for use with Vue.js.
npm install sweet-modal-vue
Import sweet-modal-vue into your component:
import { SweetModal, SweetModalTab } from 'sweet-modal-vue'
{
components: {
SweetModal,
SweetModalTab
},
methods: {
open: function () {
this.$refs.modal.open()
}
}
...
}
Open your modal by calling this.$refs.modal.open()
.
Add it in you template.
<sweet-modal icon="success" ref="modal" title="New Modal">
Success!
<sweet-button slot="button">That's fine!</sweet-button>
</sweet-modal>
<button class="btn btn-primary" @click="open">Open sesame!</button>
Check more attributes on the documentation.
SweetModal is available on GitHub.