https://github.com/hunzaboy/css-checkbox-library

A huge library of Pure CSS Checkboxes for every taste.
https://github.com/hunzaboy/css-checkbox-library

checkbox checkbox-component checkbox-switch-style css

Last synced: 2 days ago
JSON representation

A huge library of Pure CSS Checkboxes for every taste.

• Host: GitHub
• URL: https://github.com/hunzaboy/css-checkbox-library
• Owner: hunzaboy
• License: mit
• Created: 2017-08-25T11:06:47.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2023-12-21T15:40:43.000Z (about 1 year ago)
• Last Synced: 2024-05-12T06:43:25.912Z (8 months ago)
• Topics: checkbox, checkbox-component, checkbox-switch-style, css
• Language: HTML
• Homepage: https://hunzaboy.github.io/CSS-Checkbox-Library/
• Size: 7.6 MB
• Stars: 685
• Watchers: 23
• Forks: 64
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# CSS Checkbox Library [![npm version](https://badge.fury.io/js/css-checkbox-library.svg)](https://badge.fury.io/js/css-checkbox-library)



# 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.

```HTML



  

  



```


That's it. 

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



## 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