JSFiddle - React, Tailwind, and code Playground

HTML

<div id="diagres">

</div>
<button id="opendiag">
Open dialog</button>
</div>

CSS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/>

<!-- bootbox.js at 4.4.0 -->
<script src="https://rawgit.com/makeusabrew/bootbox/f3a04a57877cab071738de558581fbc91812dce9/bootbox.js"></script>

JavaScript

$(function() {
	$("#opendiag").on("click", function(){
    var resdiag = bootbox.confirm("are you sure to delete. this procedure is irreversible!!");
     //$("#diagres").text(resdiag);
  });
      
});