Author: | avatec |
---|---|
Views Total: | 613 views |
Official Page: | Go to website |
Last Update: | March 4, 2020 |
License: | GPL-3.0 |
Preview:

Description:
A JavaScript/CSS library that creates animated checkboxes and radio buttons with custom check markers based on Font Awesome.
How to use it:
1. Load the necessary Font Awesome Iconic Font for custom markers.
<link href="/path/to/font-awesome.min.css" rel="stylesheet" />
2. Load the checkbox.css and checkbox.js in the document.
<link rel="stylesheet" href="src/checkbox.css" /> <script src="src/checkbox.js"></script>
3. Create custom checkboxes & radio buttons on the webpage.
<div class="checkbox"> <label for="example_checkbox"> <input type="checkbox" id="example_checkbox" name="example_checkbox" value="true"> First unchecked example checkbox </label> </div> <div class="checkbox checkbox-checked"> <label for="example_checkbox2"> <input type="checkbox" id="example_checkbox2" name="example_checkbox" value="true" checked> Second checked example checkbox </label> </div>
<div class="radio"> <label for="example_radio_1"> <input type="radio" id="example_radio_1" name="example_radio_1" value="true"> First unchecked example radio </label> </div> <div class="radio radio-checked"> <label for="example_radio_2"> <input type="radio" id="example_radio_2" name="example_radio_1" value="true" checked> Second checked example radio </label> </div>
See Also:
- 10 Best Checkbox And Radio Input Replacement Libraries
- 10 Best Toggle Switch JavaScript And CSS Libraries