Friendly CSS checkbox control
This is inspired by wtf-forms. I often find myself copying this source, so I made a package.
- Create a larger hit area for checking the control
- Replace the default
<input>with a semantic wrapper - Trigger the state of
<input>automatically
<label class="checkbox">
<input type="checkbox">
<span class="checkbox-indicator"></span>
Custom checkbox
</label>You could use a tool like sheetify to consume.
var css = require('sheetify')
css('css-checkbox')npm install css-checkbox