Search
 
SCRIPT & CODE EXAMPLE
 

HTML

sweetalert2 cdn

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10/dist/sweetalert2.all.min.js"></script>
Comment

How to install sweetalert2 with CDN?

<head>
   <!-- limonte-sweetalert2 -->
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" integrity="sha512-c42qTSw/wPZ3/5LBzD+Bw5f7bSF2oxou6wEb+I/lqeaKV5FDIfMvvRp772y4jcJLKuGUOpbJMdg/BTl50fJYAw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.9/sweetalert2.min.css" integrity="sha512-cyIcYOviYhF0bHIhzXWJQ/7xnaBuIIOecYoPZBgJHQKFPo+TOBA+BY1EnTpmM8yKDU4ZdI3UGccNGCEUdfbBqw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/11.1.9/sweetalert2.all.min.js" integrity="sha512-IZ95TbsPTDl3eT5GwqTJH/14xZ2feLEGJRbII6bRKtE/HC6x3N4cHye7yyikadgAsuiddCY2+6gMntpVHL1gHw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>

<!-- You have to put the sweetalert2 script inside the body tag  -->
<body>
  <script>
    Swal.fire({
      title: 'Press CTRL + P to Print !!!',
      showClass: {
        popup: 'animate__animated animate__fadeInDown'
      },
      hideClass: {
        popup: 'animate__animated animate__fadeOutUp'
      }
    })
  </script>
</body>
Comment

PREVIOUS NEXT
Code Example
Html :: how to change the size of an image in html 
Html :: add Youtube videos to a website html 
Html :: mdb input bg 
Html :: audio tag disable download 
Html :: function to do when the html done loading 
Html :: dont show suggestions in input hs 
Html :: html sms link iphone 
Html :: img load error use other image 
Html :: html form select 
Html :: @keyup.enter vue 
Html :: bootstrap 5 line height 
Html :: share to facebook html link 
Html :: input checkbox 
Html :: angular check active route 
Html :: bootstrap 5 change size of icon 
Html :: how to put something on the bottom right corner in html 
Html :: jquery clear html before append 
Html :: copyright symbol in html 
Html :: Window yes no decision alert 
Html :: pass method jsf component 
Html :: What is a viewport meta tags 
Html :: 9+15 
Html :: jinja avoid auto escape 
Html :: bootstrap button link 
Html :: sort table in html 
Html :: bootstrap disabled button 
Html :: how to enable a button when a checkbox is selected in javascript 
Html :: select empty option 
Html :: switch page html 
Html :: card button align bottom bootstrap 
ADD CONTENT
Topic
Content
Source link
Name
4+1 =