Vue Confirmation Button

A Vuejs component that asks uses to confirm before performing an action

Install

yarn add vue-confirmation-button

JS

import vueConfirmationButton from 'vue-confirmation-button';

const demo = new Vue({
  el: '.app',
  components: {
    'vue-confirmation-button': vueConfirmationButton,
  },
  data: {
    customMessages: [
      'Delete User',
      'Are you sure?',
      'Ok!'
    ],
  },
  methods: {
    deleteUser() {
      // Your Logic Here
    },
  },
});

HTML

<div class="confirmation__button">
  <vue-confirmation-button
          :messages="customMessages"
          v-on:confirmation-success="deleteUser()">
  </vue-confirmation-button>
</div>