Switch

OverviewStyleGuidelinesCodeAccessibilityDemos
  1. Overview
  2. Status
  3. Sample element
  4. When to use
  5. Status checklist
  1. Overview
  2. Status
  3. Sample element
  4. When to use
  5. Status checklist

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

Status checklist

Edit this page on GitHub