Alert

This is an example of an alert, with a link inside.

Voorbeeld HTML

<div class="rvo-alert rvo-alert--info rvo-alert--padding-md">
  <span
    class="utrecht-icon rvo-icon rvo-icon-info rvo-icon--xl rvo-status-icon-info"
    role="img"
    aria-label="Info"
  ></span>
  <div class="rvo-alert-text">
    <div>
      <div>
        This is an example of an alert, with a 
        <a href="#" class="rvo-link rvo-link--logoblauw">
          link
        </a> 
        inside.
      </div>
    </div>
  </div>
</div>

Open in nieuwe tab

Richtlijnen

• Laat een waarschuwing zien als de gebruiker/klant wel verder kan in het proces maar dat de actie mogelijke gevolgen kan hebben.
• Laat een foutmelding zien als de gebruiker/klant niet verder kan in het proces totdat het probleem verholpen is.