Checkbox Based Toggle Buttons with Pure JavaScript

Preview:

Description:

ToggleableButton.js is a small JavaScript library that converts a regular checkbox input into a toggleable switch control.

How to use it:

Download and include the toggleableButton.js and toggleablebutton.css on your Html page.

<link rel="stylesheet" href="dist/css/toggleablebutton.css">
<script src="dist/js/toggleablebutton.js"></script>

Include the toggleable-button class in the class attribute of a form checkbox to create a normal-sized button.

<input class="toggleable-button" name="" type="checkbox">

Changelog:

02/18/2016

• Refactor