how to use sweet alert in html code example

Example 1: switch alert

swal({
	title: "Good job!",
	text: "You clicked the button!",
	icon: "success",
	button: "Aww yiss!"
});

Example 2: how to use sweetalert

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

Example 3: swal fire types

swal({
  title: "Are you sure?",
  text: "Your will not be able to recover this imaginary file!",
  type: "danger",
  showCancelButton: true,
  confirmButtonClass: "btn-danger",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: false
},
function(){
  swal("Deleted!", "Your imaginary file has been deleted.", "success");
});

Example 4: sweet alert bootstrap

Swal.fire({  icon: 'success',  title: 'Oops...',  text: 'Something went wrong!',  footer: '<a href>Why do I have this issue?</a>'})

Example 5: sweetalert2 example html

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>

Example 6: sweet alert example

swal("Here's a message!")

Tags:

Css Example