JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.css">
<script src="http://tristanedwards.me/u/SweetAlert/lib/sweet-alert.js"></script>
<div class="test">
  <button>show alert</button>
</div>

JavaScript

document.querySelector('div.test').onclick = function() {
  swal({
    title: 'Ajax request example',
    text: 'Submit to run ajax request',
    type: 'info',
    showCancelButton: true,
    closeOnConfirm: false,
    showLoaderOnConfirm: true,
  }, function(){
    setTimeout(function() {
      swal('Ajax request finished!');
    }, 2000);
  });
};