Direct naar hoofdinhoud

Hoofdnavigatie

Platform Beta

General notification

Let op: Dit is een mededeling die belangrijk en ernstig van aard kan zijn maar ook slechts informatief, soms overbodig maar meestal super-interessant.
.generalNotification

A component which is used as a placeholder for a notificationBar component.

Markup

<div class="generalNotification {{modifier_class}}">
    <div class="notificationBar">
        <span class="notificationBar__icon icon icon--info icon--nsWhite ">
            <span class="alt">Let op:</span>
        </span>
        <span class="notificationBar__text">Dit is een mededeling die belangrijk en ernstig van aard kan zijn maar ook slechts informatief, soms overbodig maar meestal super-interessant.</span>
    </div>
</div>

Modifiers

Let op: Dit is een mededeling die belangrijk en ernstig van aard kan zijn maar ook slechts informatief, soms overbodig maar meestal super-interessant.

.generalNotification--alert

A message with high urgency, use in combination with notificationBar--alert

Let op: Dit is een mededeling die belangrijk en ernstig van aard kan zijn maar ook slechts informatief, soms overbodig maar meestal super-interessant.

.generalNotification--info

An information message, use in combination with notificationBar--info