Package Exports

pretty-checkbox

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (pretty-checkbox) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Pretty checkbox

No more boring old fashioned checkboxes. New scalable CSS3 pretty checkbox and radio buttons with custom font icon library. Only CSS!

Check it out the Demo for complete documentation.

Get started

Install the library from bower , npm or yarn package manager

> bower install pretty-checkbox

> npm install pretty-checkbox

> yarn add pretty-checkbox

Add pretty.min.css in your html

From CDN,

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pretty-checkbox/2.1.0/pretty.min.css"/>

or from the source,

<link rel="stylesheet" href="../PATH/pretty-checkbox/src/pretty.min.css"/>

You can also import pretty.scss in your main scss file.

@import '../PATH/pretty-checkbox/src/pretty.scss';

PATH is where the library is downloaded.

Checkbox markup,

<div class="pretty">
  <input type="checkbox"/>
  <label><i class="mdi mdi-check"></i> Buy vegetables</label>
</div>

Basic examples

Checkbox

<div class="pretty primary">
  <input type="checkbox"/>
  <label><i class="mdi mdi-check"></i> Primary</label>
</div>

Radio

<div class="pretty">
  <input type="radio" name="radio">
  <label><i class="mdi mdi-check"></i> Option 1</label>
</div>
<div class="pretty">
  <input type="radio" name="radio">
  <label><i class="mdi mdi-check"></i> Option 2</label>
</div>

Refer the Documentation for other features and sass settings.

Custom font library

This library supports wide variety of font icon libraries. Currently tested with FontAwesome , Bootstrap Glyphicon , Material Design icons (mdi) , Material Design icons (zmdi) , Typicons Ionicons.

What else

Scalable. can be used in any font sizes
Used in frameworks like bootstrap, foundation, sematic UI
Supported in all mordern browsers, including mobile devices
Customizable. see the demo for sass settings
MIT Licence

Thats all, folks!

Inspired from Okendoken's awesome-bootstrap-checkbox . contributions are welcome!