swal html code example

Example 1: sweet alert

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

Example 2: 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 3: swal

Swal.fire({  title: '<strong>HTML <u>example</u></strong>',  icon: 'info',  html:    'You can use <b>bold text</b>, ' +    '<a href="//sweetalert2.github.io">links</a> ' +    'and other HTML tags',  showCloseButton: true,  showCancelButton: true,  focusConfirm: false,  confirmButtonText:    '<i class="fa fa-thumbs-up"></i> Great!',  confirmButtonAriaLabel: 'Thumbs up, great!',  cancelButtonText:    '<i class="fa fa-thumbs-down"></i>',  cancelButtonAriaLabel: 'Thumbs down'})

Example 4: sweet alert js

swal({
     title: "Deleted!",
     text: "Your row has been deleted.",
     button: "Close", // Text on button
     icon: "success", //built in icons: success, warning, error, info
     timer: 3000, //timeOut for auto-close
      buttons: {
        confirm: {
          text: "OK",
          value: true,
          visible: true,
          className: "",
          closeModal: true
        },
        cancel: {
          text: "Cancel",
          value: false,
          visible: true,
          className: "",
          closeModal: true,
        }
      }
     });

Example 5: swal({

swal("Here's a message!", "It's pretty, isn't it?")

Example 6: sweetalert2 example html

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