JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.shiguenori.com/material/jquery.impromptu/jquery-impromptu.2.0.js"></script>
<button id='button'  >save</button>

CSS

.jqiwarning .jqi{
      background-color: #b0be96;
}
.jqifade{
      background-color: #ffffff;
}
div.jqi{
      position: absolute;
      background-color: #c0cEa6;
      padding: 10px;
      width: 300px;
}
div.jqi .jqiclose{
      float: right;
      margin: -35px -10px 0 0;
      cursor: pointer;
}
div.jqi .jqicontainer{
      background-color: #e0eEc6;
      padding: 5px;
      color: #ffffff;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #c0cEa6;
      padding: 10px;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
}

JavaScript

$('#button').click(function(){
$.prompt("Are you sure you want to save? You will not be able to change your decision after it's been saved.", {
    title: "Save?",
    buttons: { "Save": true, "Cancel": false },
    submit: function (value, message) {
        if (value) {
            $(message.prevObject).find('button[value="true"]').attr('disabled', true);
            //TODO: perform save 
            //response = saveUpdates(LoanDetails);
        }
    }
});
});