Skip to content

crazychicken/checkbox-radio

Repository files navigation

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.