diff --git a/package.json b/package.json
index 45fbca8..471522a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-bulma-message",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Message component for Vue Bulma",
   "main": "src/Message.vue",
   "peerDependencies": {
diff --git a/src/Message.vue b/src/Message.vue
index b12c2ba..3531fba 100644
--- a/src/Message.vue
+++ b/src/Message.vue
@@ -17,7 +17,13 @@
           </span>
           {{ title }}
         </div>
-        <div class="message-body" v-if="message">{{ message }}</div>
+        <div class="message-body" v-if="message">
+          {{ message }}
+          <div class="confirmation-buttons is-grouped" v-if="showConfirmationButtons">
+            <button :class="['button', 'is-confirm', type ? `is-${type}` : '']" @click="onConfirmCallback()">Ok</button>
+            <button class="button is-cancel" @click="close()">Cancel</button>
+          </div>
+        </div>
       </article>
     </div>
   </transition>
@@ -44,7 +50,17 @@ export default {
       type: String,
       default: '.messages'
     },
-    showCloseButton: Boolean
+    showCloseButton: Boolean,
+    showConfirmationButtons: Boolean,
+    confirmButtonText: {
+      type: String,
+      default: 'Ok'
+    },
+    cancelButtonText: {
+      type: String,
+      default: 'Cancel'
+    },
+    onConfirmCallback: Function
   },
 
   data () {
@@ -164,6 +180,10 @@ export default {
     .icon {
       vertical-align: middle;
     }
+
+    .confirmation-buttons{
+      padding-top: 5px;
+    }
   }
 }
 </style>