A toggle switch is a visual alternative to a checkbox to control either an on or off state, perfect for managing settings.

Toggle switches are alternatives to using the checkbox selection.

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

Things to avoid

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

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

Accessibility

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