Design System
Forms

Switch

A setting that takes effect immediately, with no save step. If the change only applies when a form is submitted, use a checkbox instead.

Purpose

The distinction from Checkbox is when the change lands. A switch applies at once; a checkbox is collected and submitted with the rest of the form.

Example

Accessibility & keyboard

  • Label the switch with what it turns on, not the current state.
  • Keyboard: Space or Enter toggles.

On this page