SweetAlert2

Basic

Positioned

Types

Confirmation

Customs

  • Uses Instruction

  • SweetAlert2 is delivered primarily via npm. npm i sweetalert2
  • Add the following line into the <head> of each template or page that you want to use sweetalert2 on.
    
    <!-- SweetAlert2 CSS -->
    <link rel="stylesheet" href="./../assets/vendors/sweetalert2/sweetalert2.min.css">
    
  • Add the following lines before the <body> of each template or page that you want to use sweetalert2 on.
    
    <!-- SweetAlert2 JS -->
    <script src="./../assets/vendors/sweetalert2/sweetalert2.all.min.js"></script>
    
    <!-- SweetAlert2 Initialize JS -->
    <script src="./../assets/js/components/extended/sweetalert2-init.min.js"></script>
    
  • For full documentation please visit the link: https://sweetalert2.github.io/