Checkbox&radio
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
- Website: http://tuds.ninja/
- Github: https://github.com/crazychicken/checkbox-radio
- Facebook: https://www.facebook.com/tudscss/
- Youtube: https://www.youtube.com/channel/UCDACe-7BFGDucQoxTDfPotw
- Twitter: https://twitter.com/mtu_truong
Copyright and license
Code and documentation copyright 2016, MIT license.