Switch Table of Contents

• Usage
• Related Components

Usage# The following section provides guidance for designers and developers on how to use this component in different situations. Do: Use it when an instant response to 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. Related Components# Checkbox Button