Direct naar hoofdinhoud

Hoofdnavigatie

Platform Beta

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>