Dot Matrix Row

FILE_ALPHA.ARC1.2MB

HTML_STRUCTURE

<div class='bh-table-v1-dot'><span>FILE_ALPHA.ARC</span><span>1.2MB</span></div>

CSS_STYLING

.bh-table-v1-dot { display: flex; align-items: baseline; gap: 10px; color: #fff; font-weight: 900; font-size: 12px; } .bh-table-v1-dot::after { content: ''; flex-grow: 1; border-bottom: 2px dotted #333; position: relative; top: -4px; }

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