Komponen Alert & Notifikasi
Kotak pesan umpan balik sukses, perhatian, peringatan bahaya, dan floating banner.
Rikat Declarative / PrimeNG-StyleKomponen kotak umpan balik kontekstual ala <p-messages> di PrimeNG menggunakan tag <l-alert>. Menyampaikan informasi status, keberhasilan aksi, peringatan, atau galat sistem lengkap dengan ikon otomatis dan tombol tutup (closable).
Varian Tingkat Keparahan (Severities)
<!-- Alert Kontekstual PrimeNG-Style -->
<l-alert title="Pembaruan Berhasil" severity="success">
Konfigurasi server telah dimuat ulang.
</l-alert>
<l-alert title="Peringatan Kuota" severity="warning">
Penggunaan memori telah mencapai 82%.
</l-alert>
<l-alert title="Koneksi Gagal" severity="danger">
Gagal menghubungi basis data.
</l-alert>
Alert Dapat Ditutup Pengguna (Closable)
<!-- Alert dengan Tombol Tutup (Atribut 'closable') -->
<l-alert title="Tips Pintasan Keyboard" severity="info" closable>
Tekan <l-kbd>Ctrl</l-kbd> + <l-kbd>K</l-kbd> untuk membuka pencarian cepat.
</l-alert>
Alert dengan Tombol Panggilan Aksi (Action Buttons)
Gagal Mengunggah Berkas Media
Berkas
arsip_backup_2026.zip melebihi batas ukuran maksimal 50 MB.
<!-- Alert dengan Tombol Aksi Mandiri -->
<div class="c-alert c-alert-danger">
<l-icon name="alert-triangle"></l-icon>
<div>
<div class="c-alert-title">Gagal Mengunggah Berkas</div>
<div class="c-alert-desc">Ukuran melebihi batas 50 MB.</div>
</div>
<l-button label="Coba Lagi" severity="danger" size="sm"></l-button>
</div>
Format Banner Pengumuman Sistem
<!-- Banner Pengumuman Rilis -->
<div class="banner-pengumuman">
<l-badge value="BARU" severity="primary"></l-badge>
<span>Ngapakin v1.1 telah dirilis!</span>
<l-button label="Lihat Rilis" size="sm"></l-button>
</div>