Ngorei NexaUI

<nav class="nx-breadcrumb">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Komponen</a></div>
  <div class="nx-breadcrumb-item active">Breadcrumb</div>
</nav>
        

<nav class="nx-breadcrumb dark">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Komponen</a></div>
  <div class="nx-breadcrumb-item active">Breadcrumb</div>
</nav>
          

<nav class="nx-breadcrumb separator-arrow">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Komponen</a></div>
  <div class="nx-breadcrumb-item active">Breadcrumb</div>
</nav>
          

<nav class="nx-breadcrumb small">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item active">Kecil</div>
</nav>

<nav class="nx-breadcrumb large">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item active">Besar</div>
</nav>

<nav class="nx-breadcrumb primary">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item active">Primary</div>
</nav>

<nav class="nx-breadcrumb success">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item active">Success</div>
</nav>

<nav class="nx-breadcrumb">
  <div class="nx-breadcrumb-item">
    <i class="fas fa-home"></i>
    <a href="#">Beranda</a>
  </div>
  <div class="nx-breadcrumb-item">
    <i class="fas fa-folder"></i>
    <a href="#">Komponen</a>
  </div>
  <div class="nx-breadcrumb-item active">
    <i class="fas fa-file"></i>
    Breadcrumb
  </div>
</nav>

<nav class="nx-breadcrumb gradient">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Komponen</a></div>
  <div class="nx-breadcrumb-item active">Breadcrumb</div>
</nav>

<!-- Bordered -->
<nav class="nx-breadcrumb bordered">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item active">Bordered</div>
</nav>

<!-- With Shadow -->
<nav class="nx-breadcrumb shadow">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item active">Shadow</div>
</nav>

<!-- Pill Shaped -->
<nav class="nx-breadcrumb rounded-pill">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item active">Rounded Pill</div>
</nav>

<nav class="nx-breadcrumb responsive">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Kategori Panjang</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Sub Kategori</a></div>
  <div class="nx-breadcrumb-item active">Halaman Saat Ini</div>
</nav>

<nav class="nx-breadcrumb modern">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Komponen</a></div>
  <div class="nx-breadcrumb-item active">Modern Glass</div>
</nav>

<nav class="nx-breadcrumb floating">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Komponen</a></div>
  <div class="nx-breadcrumb-item active">Floating</div>
</nav>
          

<nav class="nx-breadcrumb minimal">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Komponen</a></div>
  <div class="nx-breadcrumb-item active">Minimal</div>
</nav>

<nav class="nx-breadcrumb neumorphic">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Komponen</a></div>
  <div class="nx-breadcrumb-item active">Neumorphic</div>
</nav>

<nav class="nx-breadcrumb animated">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Komponen</a></div>
  <div class="nx-breadcrumb-item active">Animated</div>
</nav>

<nav class="nx-breadcrumb card-style">
  <div class="nx-breadcrumb-item"><a href="#">Beranda</a></div>
  <div class="nx-breadcrumb-item"><a href="#">Komponen</a></div>
  <div class="nx-breadcrumb-item active">Card Style</div>
</nav>