Checkbox

This is a standard checkbox customised for the style of Bebat. Within a collection of multiple checkboxes, multiple can be checked and are not limited to one.

Default

px 

			
				<div class="a-check ">
	<label class="a-check__container">
		<input class="a-check__input" type="checkbox" name="checkbox-styleguide-example" value="Checkbox" />
		<span class="a-check__holder"></span>
		<p class="a-check__text">Checkbox</p>
	</label>
</div>

Documentation

States

  • is-error

    This is used for error messages in for example forms and will turn the border and the text red.