View on GitHub

Clicky

Clicky - checkboxes and radio buttons

Download this project as a .zip file Download this project as a tar.gz file

Concept

You do:

<label class="clicky-checkbox">
  <input type="checkbox"/>
  <span></span>
  A Checkbox
</label>

You get:

You do:

<label class="clicky-radio">
  <input type="radio" id="radio-1" name="radio-1"/>
  <span></span>
  First Option
</label>

<label class="clicky-radio">
  <input type="radio" id="radio-1" name="radio-1"/>
  <span></span>
  Second Option
</label>

You get: