Switch

Switch is a binary control used to switch between two different states. When interacted with, the thumb of the switch travels along the track to indicate state. You can use a switch to control settings, preferences, or actions within an application or system.

Also known as: Lightswitch, Toggle, Toggle switch
View source code
Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected

Keyboard interactions

KeyFunction
Tab
  • If focus is on the previous element in the tab order, Tab moves focus to the switch.
  • If focus is on switch, Tab moves focus to the next focusable element in the tab order.
Space
  • Space activates switch to change between checked and unchecked state.
Shift + Tab
  • If focus is on the switch, this action moves focus out of the component and sets the focus to the previous component in the tab order.
  • If focus is below the switch, this action moves focus to the switch.