Switch

A switch allows the user to choose
between two mutually-exclusive states.

Ref to 184:4103
Ready to Use
Show details
Ready to Use
Published: March 02, 2023
Updated: March 05, 2024

Introduction

A toggle switch gives users the ability to switch the state of a setting between two contrasting options, e.g. on and off. It allows for a convenient and straightforward way to change the state or activation of a particular feature or setting.

  • Switches are used to represent the option of switching between two states or an on-off state.
  • Switches instantly toggle between two mutually-exclusive states.

Usage

Use a concise label description for the setting, ideally consisting of less than 5 words. Attempt to include all essential information within the label itself, while additional clarifying text can be added after the label if necessary. Recognise that actions taken on a switch may impact other content within the user experience, so maintaining parallel language and clarity across labels is crucial.

Ref to 184:4144
Ref to 184:4172
Ref to 184:4138
Ref to 184:4141

Also known as

Toggle, Lightswitch, Toggle Button