JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/0.4.2/sweet-alert.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/0.4.2/sweet-alert.css">
<button id="btnShowAlert">
    Show Sweet Alert
</button>

JavaScript

$("#btnShowAlert").click(function() {
    swal({ 
  title: "Error",
   text: "wrong user or password",
    type: "error" 
  },
  function(isConfirm){
  
  if (isConfirm) {
  setTimeout(function() {
     swal("Deleted!", "Your imaginary file has been deleted.", "success");
      }, 10)
     } else {
    swal("Cancelled", "Your imaginary file is safe :)", "error");
  }
 
});
});