ComponentsIn tools
Switch
A setting that applies the moment you flip it. Ink when on, a hairline grey when off.
Used onTool rails
Show code
<label class="tgl">Show grid <input type="checkbox" checked><span class="sw"></span></label>
<label class="tgl">Play on load <input type="checkbox"><span class="sw"></span></label>
<label class="tgl">Disabled <input type="checkbox" disabled><span class="sw"></span></label>A visually hidden checkbox inside a label, so the whole 44px row toggles and the form value is real. The knob travels with --ease-snap. If the change waits for a Save button, use a Checkbox.