Banner

There are no notes for this item.

<!-- Default -->
        <section class="banner alert-danger" role="alert">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <button type="button" title="Sluiten" class="btn btn-link"><span class="sr-only">Sluiten</span><svg class="di di-times">
                        <use href="../../dso-icons.svg#times" />
                    </svg></button>
                <span>
                    Op dit moment ervaren wij een storing in de Vergunningcheck. U kunt wel een aanvraag of melding indienen.
                </span>
            </div>
        </div>
    </div>
</section>

<!-- Warning -->
        <section class="banner alert-warning" role="alert">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <button type="button" title="Sluiten" class="btn btn-link"><span class="sr-only">Sluiten</span><svg class="di di-times">
                        <use href="../../dso-icons.svg#times" />
                    </svg></button>
                <span>
                    Op <strong>zondag 8 december 2019 van 10.00 uur tot 17.00 uur</strong> vindt er onderhoud plaats aan het Omgevingsloket. <a href="#">Meer informatie</a>
                </span>
            </div>
        </div>
    </div>
</section>


  
    
      
        {% render '@button', {type: 'button', modifier: 'link', label: 'Sluiten', icon: 'times', iconOnly: true} -%}
        
          {{ message | safe }}




/* Default */
modifier: danger
message: >-
  Op dit moment ervaren wij een storing in de Vergunningcheck. U kunt wel een
  aanvraag of melding indienen.



/* Warning */
modifier: warning
message: >-
  Op <strong>zondag 8 december 2019 van 10.00 uur tot 17.00 uur</strong> vindt
  er onderhoud plaats aan het Omgevingsloket. <a href="#">Meer informatie</a>