Bootstrap 5 TutorialLesson 28Preview gratis
BS5 Toast
Lesson ini bagian dari Bootstrap · Semua level
Ringkasan
Toast adalah notifikasi kecil yang muncul di sudut layar untuk memberi umpan balik singkat, biasanya hilang otomatis setelah beberapa detik. Elemen .toast dibungkus .toast-container, dengan .toast-header berisi ikon, waktu, dan tombol tutup, serta .toast-body untuk pesan. Toast diaktifkan lewat JavaScript dengan opsi autohide dan delay.
Poin kunci
- .toast adalah elemen notifikasi dan .toast-container menampung beberapa toast.
- .toast-header berisi judul, waktu, dan tombol .btn-close.
- .toast-body untuk isi pesan.
- Toast ditampilkan dengan new bootstrap.Toast(el).show().
- Opsi autohide dan delay dalam milidetik mengatur penghilangan otomatis.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.