Ngorei NexaUI

<ul class="nx-list-group">
  <li class="nx-list-item">Item Pertama</li>
  <li class="nx-list-item">Item Kedua</li>
  <li class="nx-list-item">Item Ketiga</li>
  <li class="nx-list-item">Item Keempat</li>
</ul>
        

<ul class="nx-list-group">
  <li class="nx-list-item active">Item Aktif</li>
  <li class="nx-list-item">Item Normal</li>
  <li class="nx-list-item">Item Normal</li>
  <li class="nx-list-item">Item Normal</li>
</ul>
        

<div class="nx-list-group">
  <a href="#" class="nx-list-item active">Link Aktif</a>
  <a href="#" class="nx-list-item">Link Normal</a>
  <a href="#" class="nx-list-item">Link Normal</a>
  <a href="#" class="nx-list-item">Link Normal</a>
</div>
        

<div class="nx-list-group">
  <a href="#" class="nx-list-item disabled">Item Dinonaktifkan</a>
  <a href="#" class="nx-list-item">Link Normal</a>
  <a href="#" class="nx-list-item">Link Normal</a>
</div>
        

<ul class="nx-list-group nx-list-group-flush">
  <li class="nx-list-item">Item Pertama</li>
  <li class="nx-list-item">Item Kedua</li>
  <li class="nx-list-item">Item Ketiga</li>
</ul>
        

<ul class="nx-list-group">
  <li class="nx-list-item nx-list-primary">Primary</li>
  <li class="nx-list-item nx-list-success">Success</li>
  <li class="nx-list-item nx-list-danger">Danger</li>
  <li class="nx-list-item nx-list-warning">Warning</li>
</ul>
        

<ul class="nx-list-group">
  <li class="nx-list-item d-flex justify-content-between align-items-center">
    Pesan Masuk
    <span class="nx-badge nx-primary">14</span>
  </li>
  <li class="nx-list-item d-flex justify-content-between align-items-center">
    Pesan Terkirim
    <span class="nx-badge nx-primary">2</span>
  </li>
  <li class="nx-list-item d-flex justify-content-between align-items-center">
    Spam
    <span class="nx-badge nx-primary">1</span>
  </li>
</ul>
        

<div class="nx-list-group">
  <a href="#" class="nx-list-item nx-list-item-action">
    <div class="nx-list-media">
      <img src="https://picsum.photos/id/237/50/50" alt="User 1" class="nx-list-img">
      <div class="nx-list-content">
        <div class="nx-list-title">Judul List Item</div>
        <p class="nx-list-text">Deskripsi singkat tentang item ini yang bisa mencakup beberapa baris teks.</p>
        <small class="nx-list-time">3 jam yang lalu</small>
      </div>
    </div>
  </a>
  
  <!-- Tambahkan item lain sesuai kebutuhan -->
</div>