Themeable Toggle Switches In Pure CSS

Preview:

Description:

A pure CSS library which converts the normal checkbox inputs into iOS-style switches with 8 built-in themes.

Basic usage:

Include the main style sheet css-checkbox-switch.css on the web page.

<link rel="stylesheet" href="css/css-checkbox-switch.css">

Wrap the regular checkbox inputs into the container with the following CSS helpers.

• checkbox-switch: required
• checkbox-inline: inline mode
• switch-light: light theme
• switch-success: success theme
• switch-primary: primary theme
• switch-info: info theme
• switch-warning: warning theme
• switch-danger: danger theme
• switch-dark: dark theme

<div class="checkbox checkbox-switch">
  <label>
      <input type="checkbox" name="" checked="checked" />
      <span></span>
      Checkbox Label
  </label>
</div>