Switch

Represents whether a function is activated or not (i.e. on or off).
Refinement Switch

Introduction

A switch represents whether a function is activated or not, like a light switch, which allows users to enable or disable a function by switching between “on” or “off” status.

When users turn a switch to “on”, they expect the function is immediately activated as soon as the label appears. This is what “on” implies, not just for UI switches but real-world switches too. When users turn a switch to “off”. The function is disabled as label appears.

Unlike checkboxes, switch should never require users to press additional buttons to apply their settings. This is because a switch is already a toggle button.