Themeable Toggle Switches In Pure CSS

Category: CSS & CSS3 , Form | November 22, 2017
Views Total:853 views
Official Page:Go to website
Last Update:November 22, 2017


Themeable Toggle Switches In Pure CSS


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">
      <input type="checkbox" name="" checked="checked" />
      Checkbox Label

You Might Be Interested In:

Leave a Reply