ccl

css-checkbox-library

A huge library of Pure CSS Checkboxes for every taste.

Showing:

Popularity

Downloads/wk

115

GitHub Stars

684

Maintenance

Last Commit

1yr ago

Contributors

5

Package

Dependencies

0

Size (min+gzip)

1.6KB

License

MIT

Type Definitions

Tree-Shakeable

No?

Categories

Readme

CSS Checkbox Library npm version

Tons of Checkboxes

A huge collection of pure css checkboxes. Click Here for Demo

Compatible

  1. IE9+
  2. Chrome 49+
  3. Firefox 52+
  4. Safari 5+

How to use

  1. Install via NPM npm i css-checkbox-library or Download the Zip
  2. Import the checkboxes.min.css or checkboxes.css file from the dist folder.
  3. Use the checkbox design you like with the following markup. In the example below the class ckbx-square-1 is important.
<div class="ckbx-square-1">
  <input type="checkbox" checked id="ckbx-square-1-2" value="0" name="ckbx-square-1">
  <label for="ckbx-square-1-2"></label>
</div>

That's it.

You can checkout the DEMO to get HTML Code for each design. Just press the HTML button.

Buy Me a Coffee at ko-fi.com

Changelog

1.5.1

  • minor updates

1.5.0

  • Major changes, Size reduction and refactor thanks to @varunsridharan. (No breaking changes)

1.0.0

First verison released

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100