Komponen Drawer & Offcanvas Panel
Panel navigasi atau detail samping yang meluncur masuk (slide-over) dari tepi layar.
Rikat Declarative / PrimeNG-StyleKomponen panel geser samping ala <p-drawer> (atau p-sidebar) di PrimeNG menggunakan tag <l-drawer>. Menyediakan transisi geser mulus dari tepi layar untuk keranjang belanja, panel filter pencarian, log audit, atau pengaturan profil tanpa meninggalkan halaman aktif.
Drawer Interaktif Deklaratif (<l-drawer>)
Panel samping ini dapat menampung formulir, log aktivitas real-time, atau konfigurasi akun pengguna.
Notifikasi Email
Drawer posisi kiri ideal untuk navigasi seluler atau pohon menu bertingkat.
<!-- Tombol Pemicu Buka Drawer -->
<l-button label="Buka Drawer" onclick="Rikat.set('showRightDrawer', true)"></l-button>
<!-- Komponen Drawer Deklaratif PrimeNG-Style -->
<l-drawer title="Panel Pengaturan" [(visible)]="showRightDrawer" position="right">
<p>Konten formulir atau informasi detail...</p>
<l-button label="Tutup" onclick="Rikat.set('showRightDrawer', false)"></l-button>
</l-drawer>
Simulasi Desain Keranjang Belanja (Cart Drawer Layout)
<!-- Layout Keranjang di Dalam Drawer -->
<div class="cart-drawer-content">
<div class="item-list">...</div>
<div class="cart-footer">
<l-button label="Lanjutkan Pembayaran" severity="primary"></l-button>
</div>
</div>