User Manual

Radio

This is a standard radio button customised for the style of the brand. Within a collection of multiple radiobuttons, only one can be checked at any time. This component uses the standard <input type="radio">.

Default


    
      

	

<div class="a-radio ">
	<label for="radio-styleguide-example-code" class="a-radio__container">
		<input class="a-radio__input" type="radio" id="radio-styleguide-example-code" name="radio-styleguide-example" value="Radio" />

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

    
		  <span class="a-radio__label">Radio</span>
    
	</label>
</div>

States

  • disabled

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