<div class="form-check form-switch" style="font-family:'Satoshi';">
<input class="form-check-input" type="checkbox" id="toggle-notif-on" checked>
<label class="form-check-label" for="toggle-notif-on" style="color:var(--title);font-size:0.875rem;">Enable notifications</label>
</div>
<div class="form-check form-switch" style="font-family:'Satoshi';">
<input class="form-check-input" type="checkbox" id="toggle-{{id}}" {{#if checked}}checked{{/if}} {{#if disabled}}disabled{{/if}}>
<label class="form-check-label" for="toggle-{{id}}" style="color:var(--title);font-size:0.875rem;">{{label}}</label>
</div>
{
"id": "notif-on",
"label": "Enable notifications",
"checked": true,
"disabled": false
}
Bootstrap .form-switch. Used for settings that take effect immediately (notifications, visibility, auto-reposting). Always pair with a clear label describing the on state.