Komponen Modal & Dialog
Jendela dialog pop-up interaktif, konfirmasi aksi, dan web component Rikat UI.
Rikat Declarative / PrimeNG-StyleJendela dialog modal interaktif deklaratif ala <p-dialog> di PrimeNG dengan two-way binding [(visible)], backdrop blur, dan animasi transisi halus.
Dialog Modal Reaktif Interaktif
Apakah Anda yakin ingin menghapus data akun ini secara permanen? Seluruh berkas dan riwayat terkait akan dibersihkan dari server.
<!-- PrimeNG-Style Declarative Dialog (<l-dialog>) -->
<l-button label="Buka Dialog" severity="danger" (click)="Rikat.set('hapusDialog', true)"></l-button>
<l-dialog [(visible)]="hapusDialog" header="Konfirmasi Penghapusan">
<p class="text-sm text-muted">Apakah Anda yakin ingin menghapus data ini secara permanen?</p>
<div class="flex justify-end gap-2 mt-4">
<l-button label="Batal" severity="ghost" (click)="Rikat.set('hapusDialog', false)"></l-button>
<l-button label="Ya, Hapus" icon="trash" severity="danger"></l-button>
</div>
</l-dialog>