The following segment provides instructions for designers and developers regarding the appropriate utilization of this
component in various situations.
Do:
Use if an instant response of applied settings is required without explicit action.Use to enable or disable a mode, feature, or function.Use when the user is toggling independent features or behaviors.Use the label to describe the affected property.Use the right-aligned version for lists (Especially for handling on mobile devices).Use the stretched version for lists on mobile or smaller containers.
Don't:
Don't use it if a setting requires a button press before it can take effect (use a
Checkbox instead).Don't use anything longer than two words in the label whenever possible.Don't use the switch for multiple-choice questions.Don't use slide Switch when an intermediate state is required (Use Checkbox instead).Don't use the label to describe the state of the component.
