Noir Dot Breadcrumb

HTML_STRUCTURE

<nav class='bh-nav-v2-bread'><span>HOME</span><i class='bh-v2-sep'></i><span>VAULT</span><i class='bh-v2-sep'></i><span class='active'>CORE_v2</span></nav>

CSS_STYLING

.bh-nav-v2-bread { display: flex; align-items: center; gap: 12px; font-size: 10px; font-weight: 900; color: #444; } .bh-v2-sep { width: 4px; height: 4px; background: #222; border-radius: 50%; } .bh-nav-v2-bread span { cursor: pointer; } .bh-nav-v2-bread span.active { color: #fff; letter-spacing: 1px; }

// DESIGN_NOTES: Komponen ini menggunakan CSS variabel untuk memudahkan kustomisasi warna dan transisi.