Status link

A status link is used to indicate a link to important information. It can be considered as the primary link type in comparison to the a-link atom-component. It also has an active state to indicate if it's already been active.

Active

px 

			
				<a class="a-status-link a-status-link--active " href="#">
	<span class="a-status-link__icon-left"></span>
	<div class="a-status-link__text">
		<span>
			Gekoppeld
		</span>
	</div>
</a>

Default

px 

			
				<a class="a-status-link " href="#">
	<div class="a-status-link__text">
		<span>
			Meld je aan
		</span>
	</div>
</a>

Image

px 

			
				<a class="a-status-link " href="#">
	<div class="a-status-link__text">
		<span>
			Meld je aan met itsme
		</span>
	</div>
	<span class="a-status-link__icon">
		<img src="/assets/images/itsme/logo.svg" alt="itsme" title="itsme" />
	</span>
</a>