Alert

The alert is used to give feedback to the client. The class js-a-alert is used to be able to close the alert again.

Default

px 

			
				<div class="a-alert js-a-alert is-open">
	<p class="a-alert__description">Uw aanvraag was succesvol verstuurd, U zal een bevestiging email gekregen.</p>
	<div class="a-alert__action">
		<button class="a-alert__close icon-cross"></button>
	</div>
</div>
<div class="a-alert js-a-alert a-alert--warning is-open">
	<p class="a-alert__description">Uw aanvraag was succesvol verstuurd, U zal een bevestiging email gekregen.</p>
	<div class="a-alert__action">
		<button class="a-alert__close icon-cross"></button>
	</div>
</div>

Documentation

Modifiers

  • a-alert--warning

    This class will put the background in an orange gradient color and is used to give a warning to the user.

States

  • is-open

    This state indicates that the alert is shown