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>