Switch

OverviewStyleGuidelinesCodeAccessibilityDemos

Overview

A switch toggles the state of a setting (between on and off). Switches and checkboxes can often be used interchangeably, but the switch provides a more explicit, visible representation on a setting.

Status

Sample element

When to use

  • When users need to choose between two binary actions
  • When users need to immediately activate or deactivate something
  • When users need to toggle an item on or off
Example of switch that's on.

Status checklist