<!-- Default -->
<div class="alert alert-success" role="alert">
Dit is een succesmelding. Deze wordt getoond als een proces succesvol is afgerond.
</div>
<!-- Danger -->
<div class="alert alert-danger" role="alert">
Dit is een <a href="#">foutmelding</a>. Deze wordt getoond als er iets is misgegaan.
</div>
<!-- Warning -->
<div class="alert alert-warning" role="alert">
Dit is een waarschuwingsmelding. Deze wordt gebruikt voor waarschuwingen.
</div>
<!-- Info -->
<div class="alert alert-info" role="alert">
Dit is een informatiemelding. Deze wordt gebruikt voor <a href="#">aanvullende</a> informatie of tips.
</div>
<div class="alert {{ modifier }}" role="alert">
{{{ message }}}
</div>
/* Default */
modifier: alert-success
message: >-
Dit is een succesmelding. Deze wordt getoond als een proces succesvol is
afgerond.
/* Danger */
modifier: alert-danger
message: >-
Dit is een <a href="#">foutmelding</a>. Deze wordt getoond als er iets is
misgegaan.
/* Warning */
modifier: alert-warning
message: Dit is een waarschuwingsmelding. Deze wordt gebruikt voor waarschuwingen.
/* Info */
modifier: alert-info
message: >-
Dit is een informatiemelding. Deze wordt gebruikt voor <a
href="#">aanvullende</a> informatie of tips.
Toon een contextuele melding aan de gebruiker. Gebasserd op de Bootstrap “Alerts” component