SweetAlert2

Halo KitaKale Squad, di sesi shortcode kali ini kita akan membahas tentang yang namanya SweetAlert2 plugin ini keren loh untuk kamu yang sduah bosen dengan tampilan alert yang itu-itu saja. Terus gimana cara menggunakannya? Yuk mari kita bahas ☺️

Pertama

Buatlah project HTML seperti gambar di bawah ini.

Kedua

Kemudian tambahkan code berikut ini:

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

Setelah di tambahkan script tersebut kedalam projek HTML kita seperti gambar dibawah ini:

Ketiga

Setelah itu lakukan langkah terakhir berikut ini yaitu memasukkan script alert dari SweetAlert2, seperti gambar dibawah ini:

Keempat

Akhirnya semua persiapan sudah selesai, maka selanjutnya adalah kita uji coba. Dari code diatas akan menghasil tampilan yang seperti dibawah ini:

untuk hasil yang lebih advance kamu dapat mengikuti code berikut ini: