sweetalert2/dist/sweetalert2.min.js code example

Example 1: sweetalert2

$ npm install sweetalert2

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: sweetalert2

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

Example 4: sweetalert2 js

<link href="//cdn.jsdelivr.net/npm/@sweetalert2/theme-dark@4/dark.css" rel="stylesheet">
<script src="//cdn.jsdelivr.net/npm/sweetalert2@10/dist/sweetalert2.min.js"></script>

Example 5: sweetalert

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

Tags:

Recent Posts