## Form - Checkboxes

One stop solution for perfect admin dashboard!

Toggle Code!

##### Checkboxes with blue style

Checkbox One
Checkbox Two
Checkbox Three

    <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

Radio One
Radio One
Radio One

    <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

Checkbox One
Checkbox Two
Checkbox Three

    <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

Radio One
Radio One
Radio One

    <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

Checkbox One
Checkbox Two
Checkbox Three

    <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

Radio One
Radio One
Radio One

    <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

Checkbox One
Checkbox Two
Checkbox Three

    <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

Radio One
Radio One
Radio One

    <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

Checkbox One
Checkbox Two
Checkbox Three

    <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

Radio One
Radio One
Radio One

    <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>