User Manual

Checkbox

This is a standard checkbox customised for the style of the brand. Within a collection of checkboxes, mulltiple checkboxes can be checked at any time. This component uses the standard <input type="checkbox">.

Default


    
      

	

<div class="a-checkbox ">
	<label for="checkbox-styleguide-example-code" class="a-checkbox__container">
		<input class="a-checkbox__input" type="checkbox" id="checkbox-styleguide-example-code" name="checkbox-styleguide-example" value="checkbox" />

		<span class="a-checkbox__holder"></span>

    
		  <span class="a-checkbox__label">checkbox</span>
    
	</label>
</div>

States

  • disabled

    Attribute that can be applied to the checkbox in order to indicate that it cannot be checked.