Font Awesome Controls

Features

MIT Licence
Colors from bootstrap
No unclickable gap between the checkbox and label
Mouse select text disabled
Pointer on hover
Animated transition
Scales with font-size
Easy to modify

Usage

Select a color using: .fac-default .fac-primary .fac-success .fac-info .fac-warning .fac-danger

Controls can be of type: .fac-checkbox .fac-checkbox-round .fac-checkbox-o .fac-checkbox-round-o .fac-radio

Example

The empty span is necessary. Also separate input and label tags are required.

<div class="fac fac-checkbox fac-default ">
    <span></span>
    <input id="box-example" type="checkbox" value="1" ><label for="box-example">Example</label>
</div>

Example

Sizes

Example

Font Awesome Controls

Features

Usage

Example

Sizes

Checkboxes Square

Checkboxes Round

Radio Buttons

Checkboxes Square Outline

Checkboxes Round Outline