Sweet Alert Eklentisi , Alert mesajlarını güzelleştirme

SweetAlert projelerinizde görsel olarak güzel bir görüntü ile kullanabileceğiniz Alert durumları için gayet hoş bir jQuery kütüphanesidir. Aynı zamanda responsive tasarıma sahiptir , ekstradan mobil cihazlar için bi tasarım gerektirmez.

Sweetalert2i kullanabilmeniz için öncelikler cdn dosyalarını projenize Include etmeniz gerekmektedir. Direk kullanmak isterseniz aşağıdaki gibi cdn dosyalarını kullanabilirsiniz .

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


sonrasında ise js kodları arasında , alert mesajalrını kullanmaya başlayabilirsiniz ,

Swal.fire(
'Good job!',
'You clicked the button!',
'success'
)

SweetAlert
SweetAlert2

 

Daha detaylı bilgi için Buraya tıklayarak sweetalertin kendi sitesinden daha fazla örnek elde edebilirsiniz.

 

Paylaş

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.