Radio

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

<div class="radio-group" role="radiogroup">
  <div class="custom-form-control radio">
    <input class="custom-form-input" id="custom-radio" type="radio" name="radio-c"/>
    <label class="custom-form-label" for="custom-radio">Radio - 1</label>
  </div>
  <div class="custom-form-control radio">
    <input class="custom-form-input" id="custom-radio-2" type="radio" name="radio-c" />
    <label class="custom-form-label" for="custom-radio-2">Radio - 2</label>
  </div>
  <div class="custom-form-control radio">
    <input class="custom-form-input" id="custom-radio-3" type="radio" name="radio-c" disabled/>
    <label class="custom-form-label" for="custom-radio-3">Radio Disabled</label>
  </div>
</div>

Colors

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