Skip to main content

Switches

Switches are used to toggle functionality.

Switches Example

Overview

Switches are used to toggle functionality. Switches are selection controls that yield instantaneous actions. They have an on and off setting.

Switches Overview

Usage

Use when

  • Turning on and off a feature, mode, or functionality.
  • Toggling elicits a change in the UI.
  • Toggling elicits a change in background behavior without affecting the UI.
  • You want to trigger a state change directly when you toggle it.

Don’t use when

  • Requiring user action consent, such as accepting terms and conditions. Instead, use a Checkbox.
  • Requesting multiple choices from a group of options. Instead, use a Checkbox group.
  • Users need to select one item from a list of options. Instead, use a Radio Button.

Switches List Item Example

Last updated January 30, 2024.