Skip to main content

Switches

Switches are used to toggle functionality.

Switch example

Overview

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

Usage

Use when

  • Turning on and off a feature, mode, or functionality.
  • Toggling elicits a change in 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.
  • User need to select one item from a list of options. Instead, use a Radio Button.

Switches in Lists

What's changed
Date Version Notes Contributors
05/09/2022 1.0.1 Updated full layout. M. Johns