Neon Square Check

ENABLE_ENCRYPTION

HTML_STRUCTURE

<label class='bh-form-v2-cb-cont'><input type='checkbox'><span class='bh-form-v2-cb-box'></span>ENABLE_ENCRYPTION</label>

CSS_STYLING

.bh-form-v2-cb-cont { display: flex; align-items: center; gap: 12px; color: #fff; font-weight: 900; font-size: 11px; cursor: pointer; } .bh-form-v2-cb-cont input { display: none; } .bh-form-v2-cb-box { width: 18px; height: 18px; border: 2px solid #333; position: relative; transition: 0.3s; } .bh-form-v2-cb-cont input:checked + .bh-form-v2-cb-box { border-color: #00ff88; background: #00ff88; box-shadow: 0 0 10px #00ff88; } .bh-form-v2-cb-cont input:checked + .bh-form-v2-cb-box::after { content: ''; position: absolute; left: 4px; top: 1px; width: 5px; height: 10px; border: solid #000; border-width: 0 3px 3px 0; transform: rotate(45deg); }

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