Works with radio buttons


Simply include in page, along with dependencies, and give your checkboxes data-checkyo data attributes

<label><input type="checkbox" data-checkyo>Click me, yo!</label>

As the example above shows, you also need to embed the checkbox input inside the associated label tag, which has the desirable side-effect of making labels clickable.

The example below shows how to use it with radio buttons

<label><input type="radio" name="test" data-checkyo>Moja</label>
<label><input type="radio" name="test" data-checkyo>Mbili</label>
<label><input type="radio" name="test" data-checkyo>Tatu</label>


Depends on SVG-Morpheus and JQuery

The SVGs used are from font-awesome, split out by encharm