Fork me on GitHub

CSS Toggle Switches

Accessible, CSS-only toggle switches with full keyboard access and mobile support, using standard form controls.

These examples use Foundation, you can also use the switches alone, or with Bootstrap.

Foundation 4 now includes it's own switch component, based on this one, that allows you to switch between two options.

If you need to choose between more than two options, I recommend you use button groups or radio buttons.