# Switch

An instant on/off setting that applies without a submit.

**Consumer provides:** A label stating the setting, not the action.

```html
<label class="fdt-switch"><input type="checkbox" role="switch"><span></span>Auto-engage</label>
```

- Off: `navy-700`, `steel-400` border. On: `electric-500` with `fdt-glow-xs`.