Checkboxes

This page is an overview of the Holygrail documentation and related resources.

Holygrail is a CSS and html library for building user interfaces. Learn what Holygrail is all about on our homepage .

Animate Checkbox

Checkbox con tic escalable 


<div class="checkbox-item">
	<input id="checkbox_1" name="checkbox_1" type="checkbox" class=" " />
		<label for="checkbox_1"><i class="icon icon-check"> ✓</i>
		<span class="theta ">MUJER</span></label>
</div>

<div class="checkbox-item">
	<input id="checkbox_2" name="checkbox_2" type="checkbox" class=" " />
		<label for="checkbox_2"><i class="icon icon-check"> ✓</i>
		<span class="theta ">HOMBRE</span></label>
</div>
Slide Checkbox

Checkbox tactil con animación 


<div class="checkbox-item-2">
	<div class="">
		<input id="checkbox_3" name="checkbox_3" type="checkbox" class=" "style="" />
		<label for="checkbox_3">
			<div class="checkbox-circle"></div>
			<span class="theta ">HOMBRE</span>
		</label>
	</div>
</div>