Novices Performing Miracles
Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

vue-sweetalert2

1.6.4 • Public • Published

vue-sweetalert2

npm

Vue.js wrapper for SweetAlert2. With support SSR.

VueSweetalert2

Demo

vue-sweetalert2 demo


Get started

npm install -S vue-sweetalert2
// main.js
import Vue from 'vue';
import VueSweetalert2 from 'vue-sweetalert2';
 
Vue.use(VueSweetalert2);

Now in the global object, you can access all the methods of sweetalert2.

If you want to add global options like button colors, do something like this:

// main.js
import Vue from 'vue';
import VueSweetalert2 from 'vue-sweetalert2';
 
const options = {
  confirmButtonColor: '#41b882',
  cancelButtonColor: '#ff7674'
}
 
Vue.use(VueSweetalert2, options)
// example-vue-component.vue
<template>
    <button v-on:click="showAlert">Hello world</button>
</template>
 
<script>
export default {
    methods: {
        showAlert(){
            // Use sweetalert2
            this.$swal('Hello Vue world!!!');
        }
    }
}
</script> 

// Or

Vue.swal('Hello Vue world!!!');

Nuxt.js

Install dependencies:

npm install -S vue-sweetalert2

Add vue-sweetalert2/nuxt to modules section of nuxt.config.js

{
  modules: [
    'vue-sweetalert2/nuxt'
  ]
}

Or pass in global options like this:

{
  modules: [
    [
      'vue-sweetalert2/nuxt',
      {
        confirmButtonColor: '#41b882'
      ff7674
    ]
  ]
}

The documentation for sweetalert2, you can find here.

install

npm i vue-sweetalert2

Downloadsweekly downloads

5,769

version

1.6.4

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability