<div class="alert alert-success" role="alert">
Dit is een succesmelding. Deze wordt getoond als een proces succesvol is afgerond.
</div>
<div class="alert{{#if modifier }} alert-{{ modifier }}{{/if}}" role="alert">
{{{ message }}}
</div>
modifier: success
message: >-
Dit is een succesmelding. Deze wordt getoond als een proces succesvol is
afgerond.
- Handle: @alert--default
- Variants (8): Default , Danger , Warning , Info , Success Button , Danger Button , Warning Button , Info Button
- Preview:
- Filesystem Path: components/04-indicators/alert/alert.hbs
- Referenced by (6): @conclusion, @conclusion--warning, @conclusion--forbidden, @group-files, @alerts-validation, @buttons-in-alerts
Toon een contextuele melding aan de gebruiker. Gebasserd op de Bootstrap “Alerts” component.
Bij voorkeur de inhoud van .alert in een .dso-rich-content plaatsen. Als er buttons nodig zijn, deze in een p plaatsen. Zie de laatste voorbeelden.