Checkbox
You can take a look at the checkbox samples we have developed specifically for Qoduby on this page.
Example
<div class="checkbox checkbox-primary">
<input type="checkbox" name="check1" id="check1" checked>
<label for="check1">Primary</label>
</div>
<div class="checkbox checkbox-secondary">
<input type="checkbox" name="check2" id="check2" checked>
<label for="check2">Secondary</label>
</div>
<div class="checkbox checkbox-success">
<input type="checkbox" name="check3" id="check3" checked>
<label for="check3">Success</label>
</div>
<div class="checkbox checkbox-danger">
<input type="checkbox" name="check4" id="check4" checked>
<label for="check4">Danger</label>
</div>
<div class="checkbox checkbox-warning">
<input type="checkbox" name="check5" id="check5" checked>
<label for="check5">Warning</label>
</div>
<div class="checkbox checkbox-info">
<input type="checkbox" name="check6" id="check6" checked>
<label for="check6">Info</label>
</div>
<div class="checkbox checkbox-light">
<input type="checkbox" name="check7" id="check7" checked>
<label for="check7">Light</label>
</div>
<div class="checkbox checkbox-dark">
<input type="checkbox" name="check8" id="check8" checked>
<label for="check8">Dark</label>
</div>
<div class="checkbox checkbox-primary">
<input type="checkbox" name="check9" id="check9">
<label for="check9">Unchecked</label>
</div>
Large
<div class="checkbox checkbox-primary checkbox-lg">
<input type="checkbox" name="check10" id="check10" checked>
<label for="check10">Primary</label>
</div>
<div class="checkbox checkbox-secondary checkbox-lg">
<input type="checkbox" name="check11" id="check11" checked>
<label for="check11">Secondary</label>
</div>
<div class="checkbox checkbox-success checkbox-lg">
<input type="checkbox" name="check2" id="check2" checked>
<label for="check2">Success</label>
</div>
<div class="checkbox checkbox-danger checkbox-lg">
<input type="checkbox" name="check13" id="check13" checked>
<label for="check13">Danger</label>
</div>
<div class="checkbox checkbox-warning checkbox-lg">
<input type="checkbox" name="check14" id="check14" checked>
<label for="check14">Warning</label>
</div>
<div class="checkbox checkbox-info checkbox-lg">
<input type="checkbox" name="check15" id="check15" checked>
<label for="check15">Info</label>
</div>
<div class="checkbox checkbox-light checkbox-lg">
<input type="checkbox" name="check16" id="check16" checked>
<label for="check16">Light</label>
</div>
<div class="checkbox checkbox-dark checkbox-lg">
<input type="checkbox" name="check17" id="check17" checked>
<label for="check17">Dark</label>
</div>
<div class="checkbox checkbox-primary checkbox-lg">
<input type="checkbox" name="check18" id="check18">
<label for="check18">Unchecked</label>
</div>