Form - Checkboxes
One stop solution for perfect admin dashboard!
Checkboxes with blue style
<div class="mb-10">
<label>
<input type="checkbox" name="one" class="blue-style" >
Checkbox One
</label>
</div>
<div class="mb-10">
<label>
<input type="checkbox" name="two" class="blue-style" checked>
Checkbox Two
</label>
</div>
<div class="mb-10">
<label>
<input type="checkbox" name="three" class="blue-style" >
Checkbox Three
</label>
</div>
Radio with blue style
<div class="mb-10">
<input type="radio" name="radio1" id="one" class="blue-style" checked>
<label for="one" class="radio-label">Radio One</label>
</div>
<div class="mb-10">
<input type="radio" name="radio1" id="two" class="blue-style" >
<label for="two" class="radio-label">Radio One</label>
</div>
<div class="mb-10">
<input type="radio" name="radio1" id="three" class="blue-style" >
<label for="three" class="radio-label">Radio One</label>
</div>
Checkboxes with green style
<div class="mb-10">
<label>
<input type="checkbox" name="one" class="green-style" >
Checkbox One
</label>
</div>
<div class="mb-10">
<label>
<input type="checkbox" name="two" class="green-style" checked>
Checkbox Two
</label>
</div>
<div class="mb-10">
<label>
<input type="checkbox" name="three" class="green-style" >
Checkbox Three
</label>
</div>
Radio with green style
<div class="mb-10">
<input type="radio" name="radio1" id="one" class="green-style" checked>
<label for="one" class="radio-label">Radio One</label>
</div>
<div class="mb-10">
<input type="radio" name="radio1" id="two" class="green-style" >
<label for="two" class="radio-label">Radio One</label>
</div>
<div class="mb-10">
<input type="radio" name="radio1" id="three" class="green-style" >
<label for="three" class="radio-label">Radio One</label>
</div>
Checkboxes with red style
<div class="mb-10">
<label>
<input type="checkbox" name="one" class="red-style" >
Checkbox One
</label>
</div>
<div class="mb-10">
<label>
<input type="checkbox" name="two" class="red-style" checked>
Checkbox Two
</label>
</div>
<div class="mb-10">
<label>
<input type="checkbox" name="three" class="red-style" >
Checkbox Three
</label>
</div>
Radio with red style
<div class="mb-10">
<input type="radio" name="radio1" id="one" class="red-style" checked>
<label for="one" class="radio-label">Radio One</label>
</div>
<div class="mb-10">
<input type="radio" name="radio1" id="two" class="red-style" >
<label for="two" class="radio-label">Radio One</label>
</div>
<div class="mb-10">
<input type="radio" name="radio1" id="three" class="red-style" >
<label for="three" class="radio-label">Radio One</label>
</div>
Checkboxes with line style
<div class="mb-10">
<input type="checkbox" name="one" class="line-style">
<label>Checkbox One</label>
</div>
<div class="mb-10">
<input type="checkbox" name="two" class="line-style" checked>
<label>Checkbox Two</label>
</div>
<div class="mb-10">
<input type="checkbox" name="three" class="line-style">
<label>Checkbox Three</label>
</div>
Radio with line style
<div class="mb-10">
<input type="radio" name="radio1" id="one" class="line-style" checked>
<label for="one" class="radio-label">Radio One</label>
</div>
<div class="mb-10">
<input type="radio" name="radio1" id="two" class="line-style" >
<label for="two" class="radio-label">Radio One</label>
</div>
<div class="mb-10">
<input type="radio" name="radio1" id="three" class="line-style" >
<label for="three" class="radio-label">Radio One</label>
</div>
Checkboxes with flat-black style
<div class="mb-10">
<label>
<input type="checkbox" name="one" class="flat-black-style" >
Checkbox One
</label>
</div>
<div class="mb-10">
<label>
<input type="checkbox" name="two" class="flat-black-style" checked>
Checkbox Two
</label>
</div>
<div class="mb-10">
<label>
<input type="checkbox" name="three" class="flat-black-style" >
Checkbox Three
</label>
</div>
Radio with flat-black style
<div class="mb-10">
<input type="radio" name="radio1" id="one" class="flat-black-style" checked>
<label for="one" class="radio-label">Radio One</label>
</div>
<div class="mb-10">
<input type="radio" name="radio1" id="two" class="flat-black-style" >
<label for="two" class="radio-label">Radio One</label>
</div>
<div class="mb-10">
<input type="radio" name="radio1" id="three" class="flat-black-style" >
<label for="three" class="radio-label">Radio One</label>
</div>