🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Custom style checkbox & radio for web: Semantically Correct / Valid HTML CodeHTML5, CSS3Full project and seed project (build with: Gulp, Sass)Cross browser compatible ( Internet Explorer 8+, Firefox, Safari, Opera, Chrome etc. )W3C Valid source code, properly formatted and commentedAnimations CSS3

Bootstrap CSS Forms

Documentation

Checkbox&radio

NPM version Downloads

enter image description here

Quick start

  • Clone the repo: git clone [email protected]:crazychicken/checkbox-radio.git
  • Install with npm: npm install --save-dev crazychicken/checkbox-radio
  • Install with npm: npm install --save-dev checkbox-radio
  • Or download the latest release

Demo

http://tuds.ninja/checkbox-radio/dist/

How to use

  • First, include CSS files into your HTML head:
<link type="text/css" rel="stylesheet" href="./dist/css/checkbox_radio_img_sprite.css">
  • Set HTML Checkbox
<label class="checkbox">     <input type="checkbox">     <i class="icon-checkbox"></i>     Default </label> <br> <label class="checkbox">     <input type="checkbox" checked>     <i class="icon-checkbox"></i>     Checked </label>
  • Set HTML Radio
<label class="radio">     <input type="radio" name="group-radio">     <i class="icon-radio"></i>     Default </label> <br> <label class="radio">     <input type="radio" name="group-radio" checked>     <i class="icon-radio"></i>     Checked </label>

Tree

dist/   └── css/   |   ├── checkbox_radio.css   |   └── checkbox_radio_bootstrap.css   |   └── checkbox_radio_font.css   |   └── checkbox_radio_img_sprite.css   └── fonts/   └── images/ sass/   ├── checkbox_radio.css   └── checkbox_radio_bootstrap.css   └── checkbox_radio_font.css   └── checkbox_radio_img_sprite.css 

Options style

  • checkbox_radio.css
  • checkbox_radio_bootstrap.css
  • checkbox_radio_font.css
  • checkbox_radio_img_sprite.css

Template full feature list

  • Semantically Correct / Valid HTML Code
  • HTML5, CSS3
  • Full project and seed project (build with: Gulp, Sass)
  • Cross browser compatible ( Internet Explorer 8+, Firefox, Safari, Opera, Chrome etc. )
  • W3C Valid source code, properly formatted and commented
  • Animations CSS3

Creators

Tuds

Copyright and license

Code and documentation copyright 2016, MIT license.


You May Also Like