Skip to content
Custom style checkbox & radio for web
Branch: master
Clone or download
Latest commit 5827f2b Oct 16, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist fix error img_sprite Oct 16, 2017
fonts update fonts May 4, 2017
html update README version npm Jun 21, 2017
images fix error img_sprite Oct 16, 2017
sass fix error img_sprite Oct 16, 2017
.editorconfig first commit Jul 11, 2016
.gitignore first commit Jul 11, 2016
.npmignore edit readme May 23, 2017
LICENSE fixed issue color & jump May 22, 2017
README.md update README version npm Jun 21, 2017
_config.yml fixed issue color & jump May 22, 2017
gulpfile.js add class .indent fix padding text May 31, 2017
index.html update README version npm Jun 21, 2017
package.json fix error img_sprite Oct 16, 2017

README.md

Checkbox&radio

NPM version Downloads

enter image description here

Quick start

  • Clone the repo: git clone git@github.com: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 can’t perform that action at this time.