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.