Komponen Toast & Notifikasi Pop-up
Notifikasi mengambang reaktif instan di pojok layar dengan dismiss otomatis.
Rikat Declarative / PrimeNG-StyleKomponen notifikasi pop-up mengambang ala <p-toast> di PrimeNG menggunakan tag <l-toast> dan fungsi bawaan Rikat.toast.show(). Memberikan umpan balik instan di pojok layar dengan dismiss otomatis dan animasi geser halus.
Varian Tingkat Keparahan (<l-toast>)
<!-- PrimeNG-Style Toast Deklaratif -->
<l-toast severity="success" summary="Perubahan Tersimpan" detail="Konfigurasi berhasil disimpan." closable></l-toast>
<l-toast severity="info" summary="Informasi Sistem" detail="Cadangan data dijadwalkan." closable></l-toast>
<l-toast severity="danger" summary="Galat Autentikasi" detail="Sesi masuk telah kedaluwarsa." closable></l-toast>
Pemicu Toast Interaktif (Rikat.toast.show)
<!-- Memicu Toast Mengambang Dinamis via JavaScript -->
<l-button label="Picu Toast Sukses" onclick="showToast()"></l-button>
<script>
function showToast() {
Rikat.toast.show({
severity: 'success',
summary: 'Aksi Berhasil',
detail: 'Data pelanggan baru telah didaftarkan ke server.',
life: 3000
});
}
</script>