Ngorei NexaUI

<Alert 
title="Ini adalah alert primary"
class="nx-alert-primary" />

<div class="nx-alert nx-alert-primary">
  <h5 class="nx-alert-title">Informasi Penting!</h5>
  <p>Ini adalah pesan alert dengan judul yang memberikan informasi lebih detail.</p>
</div>

<div class="nx-alert nx-alert-success nx-alert-dismissible">
  <button type="button" class="nx-alert-close" data-dismiss="alert">×</button>
  Ini adalah alert yang dapat ditutup
</div>

<div class="nx-alert nx-alert-info nx-alert-icon">
  <i class="fas fa-info-circle"></i>
  Ini adalah alert dengan ikon
</div>

<div class="nx-alert nx-alert-primary">
  Periksa panduan penggunaan di <a href="#">dokumentasi lengkap</a> untuk informasi lebih detail.
</div>

<div class="nx-alert nx-alert-warning nx-alert-actions">
  <div class="nx-alert-content">
    <h5 class="nx-alert-title">Perhatian!</h5>
    <p>Anda memiliki perubahan yang belum disimpan.</p>
  </div>
  <div class="nx-alert-buttons">
    <button class="nx-btn nx-btn-sm">Simpan</button>
    <button class="nx-btn nx-btn-sm nx-btn-light">Batal</button>
  </div>
</div>

<div class="nx-alert nx-alert-danger">
  <h5 class="nx-alert-title">Kesalahan Input</h5>
  <ul class="nx-alert-list">
    <li>Email tidak boleh kosong</li>
    <li>Password minimal 8 karakter</li>
    <li>Konfirmasi password tidak cocok</li>
  </ul>
</div>

<div class="nx-alert nx-alert-primary">
  <h5 class="nx-alert-title">Mode Otomatis</h5>
  <p>Alert akan menyesuaikan dengan preferensi mode sistem Anda.</p>
</div>

<div class="nx-alert nx-alert-danger nx-priority-high">
  <span class="nx-priority-indicator">!</span>
  <div class="nx-alert-content">
    <h5 class="nx-alert-title">Kesalahan Sistem</h5>
    <p>Database tidak dapat diakses. Mohon hubungi administrator.</p>
  </div>
</div>

<div class="nx-alert nx-alert-info nx-alert-timer" data-duration="5000">
  <div class="nx-alert-content">
    <p>Alert ini akan hilang dalam 5 detik</p>
  </div>
  <div class="nx-timer-bar"></div>
</div>