Input icons
Custom UI elementsInput icon code
<div class="
input-icon-group
">
<div class="input-icon-append">
<input type="text" class="form-control" placeholder="Name">
<i class="fa fa-user-circle">
</i>
</div>
</div>
Result
Checkboxes
Custom UI elementsCheckboxes Code
<div class="
customUi-checkbox
">
<input type="checkbox" id="c-checkbox">
<label for="c-checkbox">
<span class="label-checkbox">
</span>
<span class="label-helper">
label helper text</span>
</label>
</div>
Result
Radio Buttons
Custom UI elementsRadio box Code
<div class="
customUi-radio
">
<input type="checkbox" id="c-radio">
<label for="c-radio">
<span class="label-radio">
</span>
<span class="label-helper">
label helper text</span>
</label>
</div>
Result
Switcher
Custom UI elementsSwitch Toggle Code
<div class="
customUi-switchToggle
">
<input type="checkbox" id="switch--toggle">
<label for="switch--toggle">
<span class="label-switchToggle">
</span>
<span class="label-helper">
label helper text</span>
</label>
</div>
Result
Air style Switch Toggles
Air style Code
<div class="
customUi-switchToggle switchToggle-air
">
<input type="checkbox" id="air--toggle">
<label for="air--toggle">
<span class="label-switchToggle">
</span>
<span class="label-helper">
label helper text</span>
</label>
</div>
Result