Checkbox

For using our customized checkbox, you need to use .custom-form-input class for input, .custom-form-label class for label, .custom-form-control and .checkbox classes for the wrapper.

<div class="custom-form-control checkbox">
  <input class="custom-form-input" id="custom-checkbox" type="checkbox" />
  <label class="custom-form-label" for="custom-checkbox">Checkbox</label>
</div>
<div class="custom-form-control checkbox">
  <input class="custom-form-input" id="custom-checkbox-2" type="checkbox" disabled checked/>
  <label class="custom-form-label" for="custom-checkbox-2">Checkbox Disabled</label>
</div>

Colors

<div class="custom-form-control checkbox blue">
  <input class="custom-form-input" id="custom-checkbox-blue" type="checkbox"/>
  <label class="custom-form-label" for="custom-checkbox-blue">Checkbox Blue</label>
</div>
<div class="custom-form-control checkbox green">
  <input class="custom-form-input" id="custom-checkbox-green" type="checkbox"/>
  <label class="custom-form-label" for="custom-checkbox-green">Checkbox Green</label>
</div>
<div class="custom-form-control checkbox yellow">
  <input class="custom-form-input" id="custom-checkbox-yellow" type="checkbox"/>
  <label class="custom-form-label" for="custom-checkbox-yellow">Checkbox Yellow</label>
</div>
<div class="custom-form-control checkbox red">
  <input class="custom-form-input" id="custom-checkbox-red" type="checkbox"/>
  <label class="custom-form-label" for="custom-checkbox-red">Checkbox Red</label>
</div>
© 2019, Built with  🎧☕️❤️& Gralig.