Toggle switches are alternatives to using the checkbox selection.

https://www.instagram.com/p/B3t9IjeHVCb/

What do they do?

  • Controls either an on or off state
  • Best displayed in a list of settings, for example a table
  • Perfect for mobile devices which rely on touch input
Bluetooth
Mobile
Wi-Fi

Things to avoid

Avoid displaying switches side-by-side, like in navigation bars.

Setting 1Setting 2

Buttons with separate on and off states are better for grouped settings.


Accessibility

For accessibility, highlight on and off states with binary markers.

Bluetooth
Mobile
Wi-Fi

Hey, smarty!

Login or signup to get started

What's your name?

What's your password? Lost Password
We sent a link to reset your password to your email.
Create a new password
Upload file