Checkbox

Checkbox controls comprise of a surround and 3 styles, toggled by optional attributes and classes. The attribute should be added to the <input> tag, and classes should follow on from the surrounding <div> and <label>.

Style	Attribute	Value	Example

Standard			Checkbox
Standard - Label first	class label-first		Checkbox
Standard - Left aligned	class left-aligned		Checkbox
Standard - No label	class no-label		Checkbox
Disabled	class disabled	disabled disabled	Checkbox
Invalid	class	invalid	Checkbox
Disabled and Checked	class	disabled checked	Checkbox disabled and checked

    
      <div class="form-group checkbox">
        <input type="checkbox" class="form-control" id="<!-- Input control ID goes here -->" name="<!-- Input control name goes here -->" value="">
        <label for="<!-- Input control ID goes here -->">
          <span class="checkbox-icon"></span>
          <!-- Label text goes here -->
        </label>
      </div>