Radio

This is a standard radio button customised for the style of Bebat. Within a collection of multiple radiobuttons, only one can be checked at any time.

Default

px 

			
				<div class="a-radio ">
	<label class="a-radio__container">
		<input class="a-radio__input" type="radio" name="radio-styleguide-example" value="radio" />
		<span class="a-radio__holder"></span>
		<span class="a-radio__text">radio</span>
	</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.