<?xml version="1.0" encoding="utf-8"?>

Use toggle switches for immediate changes

Use toggle switches for immediate changes Bad Practice
Use toggle switches for immediate changes Best Practice

Toggle switches work well in Settings pages for immediate changes, while checkboxes are better for changes that need confirmation. Don't mix these on the same page - if some settings require a Submit button, use checkboxes for all options.

Make toggle states clear by:

  • Using both visual changes and labels
  • Showing clear on/off states
  • Avoiding ambiguous descriptions

Write clear toggle labels that describe the feature's action rather than its state. For example, use "Shake to Send Feedback" instead of "Shake to Send Feedback Off" - the toggle's visual state will indicate whether it's enabled or disabled.

Improve your UX & Product skills with interactive courses that actually work