Themeable Toggle Switches In Pure CSS

Category: CSS & CSS3 , Form | November 22, 2017
Author: parthakar
Views Total: 1,361
Official Page: Go to website
Last Update: November 22, 2017
License: MIT

Preview:

Themeable Toggle Switches In Pure CSS

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>

You Might Be Interested In:


Leave a Reply