Form Error Summary
.formErrorSummary
Error Summary for Forms.
Note: The error summary should on default be provided by a .is-hidden
class.
Markup
<div class="tile tile--icon tile--alert tile--nsGrey8 tile--slim tile--noShadow formErrorSummary" aria-live="polite" role="alert" data-formElement="errorSummary">
<div class="tile__title">
<p class="formErrorSummary__intro"><span class="icon icon--alert icon--nsRed"><span class="alt">Foutmelding:</span></span>Er zijn één of meerdere velden niet juist ingevuld. Controleer uw gegevens en verstuur het formulier opnieuw.</p>
</div>
<div class="tile__content">
<ul class="list redBullets formErrorSummary__list">
<li>Voorletter(s)</li>
<li>Roepnaam</li>
<li>Nummer</li>
</ul>
</div>
</div>