sweetalert2 preConfirm code example

Example 1: sweet alert 2 do action on confirm

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

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

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

Tags:

Html Example