Tampilkan Notifikasi dengan Indah nya Sweet Alert

0
192
Sweet Alert
Sweet ALert Java Script

Tentunya kita tidak asing lagi dengan notifikasi dalam programming. Ketika kita sedang membuat / mengerjakan sebuah sistem aplikasi, tentu saja kita sangat sering ‘bermain’ dengan yang namanya notifikasi, baik itu ketika error, sukses, maupun info info tertentu lainnya. Sangat tidak mungkin ketika seseorang membuat aplikasi, dia tidak membuat sebuah notifikasi.

Tetapi, tentu kita agak sedikit bosan dengan tampilan dengan design notifikasi yang kita buat, kalau biasa nya kita membuat sebuah notifikasi hanya melalui alert bawaan dari javascript, atau yang lebih bagus seperti bootstrap, atau pun flash message. Nah, mungkin kita bisa sedikit membuat notifikasi kita lebih menarik lagi dengan Sweet Alert.

Perhatikan contoh penampilan bawaan dari alert Java Script

Alert dengan Java Script

Lalu penampilan alert dengan Sweet Alert

Alert dengan Sweet Alert

Jauh sekali bukan perbedaan nya ? Jelas lebih menarik notifikasi alert yang dibuat dengan Sweet Alert

Contoh Notifikasi Alert dengan Sweet Alert yang lain nya

https://codepen.io/pen/jJQoNm
Contoh Sweet Alert di https://codepen.io/pen/jJQoNm

Lalu bagaimana cara kita memakai Sweet Alert ke dalam Aplikasi kita ?

Ada beberapa cara, diantaranya :

Melalui NPM :
npm install sweet alert

Dengan CDN :
https://unpkg.com/sweetalert/dist/sweetalert.min.js

Untuk Full Dokumentasi, bisa lihat di
https://sweetalert.js.org/guides/#getting-started

 

 

 

 

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.