Image Data Row

ASSET_01

PNG / 500kb

HTML_STRUCTURE

<div class='bh-table-v1-img'> <div class='bh-img-sq'></div> <div><h4>ASSET_01</h4><p>PNG / 500kb</p></div> </div>

CSS_STYLING

.bh-table-v1-img { display: flex; gap: 15px; align-items: center; padding: 10px; border: 1px solid #111; } .bh-img-sq { width: 40px; height: 40px; background: #222; } .bh-table-v1-img h4 { font-size: 11px; margin: 0; color: #fff; } .bh-table-v1-img p { font-size: 9px; margin: 0; color: #444; }

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