Ngorei NexaUI

<div class="feedback feedback-success">
  <i class="bi bi-check-circle feedback-icon"></i>
  <div class="feedback-content">
    <strong>Berhasil!</strong> Data telah berhasil disimpan ke database.
  </div>
  <span class="feedback-close">×</span>
</div>

<div class="feedback feedback-error">
  <i class="bi bi-x-circle feedback-icon"></i>
  <div class="feedback-content">
    <strong>Gagal!</strong> Terjadi kesalahan saat mengunggah file.
  </div>
  <span class="feedback-close">×</span>
</div>

<div class="feedback feedback-warning">
  <i class="bi bi-exclamation-triangle feedback-icon"></i>
  <div class="feedback-content">
    <strong>Peringatan!</strong> Sesi Anda akan berakhir dalam 5 menit.
  </div>
  <span class="feedback-close">×</span>
</div>

<div class="feedback feedback-info">
  <i class="bi bi-info-circle feedback-icon"></i>
  <div class="feedback-content">
    <strong>Info!</strong> Pembaruan sistem akan dilakukan malam ini.
  </div>
  <span class="feedback-close">×</span>
</div>

<div class="feedback feedback-info feedback-loading">
  <i class="bi bi-arrow-repeat feedback-icon"></i>
  <div class="feedback-content">
    Sedang memproses permintaan Anda...
  </div>
</div>
        

<div class="feedback-toast-container feedback-toast-top-right">
  <div class="feedback feedback-success feedback-toast feedback-toast-slide-right">
    <i class="bi bi-check-circle feedback-icon"></i>
    <div class="feedback-content">
      <strong>Berhasil!</strong> Perubahan telah disimpan.
    </div>
    <span class="feedback-close">×</span>
  </div>
</div>

<div class="feedback-toast-container feedback-toast-bottom-left">
  <div class="feedback feedback-info feedback-toast feedback-toast-slide-left">
    <i class="bi bi-info-circle feedback-icon"></i>
    <div class="feedback-content">
      <strong>Info!</strong> Anda memiliki 3 notifikasi baru.
    </div>
    <span class="feedback-close">×</span>
  </div>
</div>
        

<div class="feedback feedback-success feedback-sm">...</div>
<div class="feedback feedback-success feedback-lg">...</div>
    

<div class="feedback feedback-info feedback-top-right">...</div>
<div class="feedback feedback-info feedback-bottom-left">...</div>
    

<div class="feedback feedback-success feedback-fade">...</div>
<div class="feedback feedback-success feedback-slide">...</div>
    

<div class="feedback feedback-custom">
  <img src="path/to/image.jpg" class="feedback-image" alt="Custom Icon">
  <div class="feedback-content">
    <h5>Judul Kustom</h5>
    <p>Konten feedback kustom dengan gambar dan styling khusus.</p>
  </div>
</div>