Kairoz
.kairoz-checkbox

Checkbox

13px checkbox that fills blue on check via accent-color. Always paired with a wrapping label element.

.kairoz-checkbox

Default

<label style="display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer"><input type="checkbox" class="kairoz-checkbox" checked/> Enable notifications</label>

Variants

Unchecked
Checked
Disabled