Scale — Toggle

Install

instant settings like notifications or dark mode. For options that only apply on submit, use a Checkbox.

Apply the change immediately when the toggle flips — that’s the contract a switch implies.
Label what the toggle controls (“Email notifications”), not its state (“On”).
Use it for binary settings with an obvious on/off meaning.

Role: renders a native <button role="switch"> with aria-checked reflecting the state.
Keyboard: Enter / Space toggles; a visible focus ring shows on keyboard focus.
Name: there is no built-in label — provide one via aria-label or an associated visible label.
Disabled: uses the native disabled button state (removed from the tab order) and dims the control.
Form: form-associated — participates in submit and reset like a native input.