JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//bootboxjs.com/bootbox.js"></script>
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <br />
      <a class="btn btn-success" id="modal-example" href="#">Open modal</a>
    </div>
  </div>
</div>

JavaScript

$(document).on('click', '#modal-example', function(event) {
  //bootbox.alert
  bootbox.confirm({
    message: "Some Button Text",
    buttons: {
      "cancel": {
        label: "<i class='fa fa-check'></i> OK - I understand",
        className: "btn btn-primary"
      },
      "confirm": {
        label: "",
        className: "hidden"
      }
    },
    callback: function() {
      //Begin Callback
      alert("User Dismissed the Modal");
    }
  });

});