<div class="a-toggle ">
<label for="styleguide-profile-example-1">
<input class="a-toggle__radio" type="radio" id="styleguide-profile-example-1" name="styleguide-profile-example" value="" checked>
<div class="a-toggle__content">
<span class="a-toggle__icon icon-person"></span>
<p class="a-toggle__text">profile</p>
</div>
</label>
</div>
<div class="a-toggle ">
<label for="styleguide-profile-example-2">
<input class="a-toggle__radio" type="radio" id="styleguide-profile-example-2" name="styleguide-profile-example" value="" >
<div class="a-toggle__content">
<span class="a-toggle__icon icon-person"></span>
<p class="a-toggle__text">profile</p>
</div>
</label>
</div>
Toggle
This is a toggle which extends from a radio-button. Toggle it's checked
property to change the state.
Modifiers
a-toggle--small
To visualise a smaller version
a-toggle--white
To visualise a white version
a-toggle--fill-space
To visualise a full width version