swal js Code Examples

swal js

By Tiago Rangel de Sousa | The Wandering Wren on May 22, 2021

<script src="sweetalert2.all.min.js"></script>

Add Comment

switch alert

By Eager Eagle on May 20, 2020

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

Source: sweetalert.js.org

Add Comment

swal js

By Foolish Ferret on Nov 16, 2020

<script src="sweetalert2.min.js"></script>
<link rel="stylesheet" href="sweetalert2.min.css">

Source: sweetalert2.github.io

Add Comment

swal fire types

By gtamborero on May 17, 2020

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");
});

Source: sweetalert2.github.io

Add Comment

swalert 2 show loader

By Wrong Weasel on Apr 21, 2020

 Swal.fire({
                title: 'Please Wait !',
                html: 'data uploading',// add html attribute if you want or remove
                allowOutsideClick: false,
                onBeforeOpen: () => {
                    Swal.showLoading()
                },
            });

Source: sweetalert2.github.io

Add Comment

sweet alert 2 do action on confirm

By Odd Owl on Dec 02, 2020

Swal.fire({  
  title: 'Do you want to save the changes?',  
  showDenyButton: true,  showCancelButton: true,  
  confirmButtonText: `Save`,  
  denyButtonText: `Don't save`,
}).then((result) => {  
	/* Read more about isConfirmed, isDenied below */  
    if (result.isConfirmed) {    
    	Swal.fire('Saved!', '', 'success')  
    } else if (result.isDenied) {    
    	Swal.fire('Changes are not saved', '', 'info')  
 	}
});

Source: sweetalert.js.org

Add Comment