Toast adalah sebuah pesan notifikasi yang biasanya ditampilkan sudut bawah layar, dengan umpan balik sederhana agar website terlihat interaktif.
Kali ini kita akan menggunakan iziToast untuk membuat notifikasi tersebut, berikut langkah - langkah pengimplementasiannya :
Cara Install
1. Tambahkan kode berikut pada Gemfile
gem 'izitoast'
2. Lalu jalankan di terminal
$ bundle install
3. Tambahkan kode ini pada application.js
//= require iziToast
4. Tambahkan kode ini juga pada application.css (css)
@import "iziToast";
Cara Implementasi
Untuk mengetes bahwa iziToast telah terinstall, tambahkan kode javascript berikut dan coba jalankan pada browser anda.
Setelah jalan di browser, seharusnya kamu akan melihat notifikasi tersebut pada bagian bawah kanan browser.
Nah kurang lebih seperti ini cara pengimplementasiannya. Selain untuk success notifikasi, kamu juga bisa merubahnya dengan info, error, warning atau bahkan question dengan merubah format pada syntax javascriptnya. Kalian bisa explore lebih jauh di iZiToast Website
Tidak ada komentar:
Posting Komentar