DSO Toolkit | Component Library

Alert: Warning Button 

<div class="alert alert-warning" role="alert">
    <div class="dso-rich-content">
        <p>Dit is een waarschuwingsmelding. Deze wordt gebruikt voor waarschuwingen.</p>
        <p><button type="button" class="btn">Zoekopdracht afbreken</button></p>
    </div>

</div>
 
<div class="alert{{#if modifier }} alert-{{ modifier }}{{/if}}" role="alert">
  {{{ message }}}
</div>
 
modifier: warning
message: |
  <div class="dso-rich-content">
    <p>Dit is een waarschuwingsmelding. Deze wordt gebruikt voor waarschuwingen.</p>
    <p><button type="button" class="btn">Zoekopdracht afbreken</button></p>
  </div>

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.