Fijn

Notice bar component: Error 

<div class="m-noticeBar -error -utilityBar alert alert-dismissible fade show position-sticky" role="alert">
    <div class="m-noticeBar__content invalid-feedback d-flex flex-row justify-content-center align-items-center">
        <strong>De takenlijst laadt niet lorem ipsum dolor sit amet consectetuer adipiscing elit</strong>

    </div>
    <button type="button" class="btn m-noticeBar__close position-absolute" data-dismiss="alert" aria-label="Close">
        <i class="icon-close"></i>
    </button>
</div>
 
<div class="m-noticeBar{% if error %} -error{% else %} text-white{% endif %}{% if contentheader %} -contentheader{% endif %}{% if utilitybar %} -utilityBar{% endif %}{% if overlapbox %} -overlapbox{% endif %} alert alert-dismissible fade show position-sticky" role="alert">
    <div class="m-noticeBar__content{% if error == true %} invalid-feedback{% endif %} d-flex flex-row justify-content-center align-items-center">
        <strong>{{text}}</strong>
        {% if button %}
        <span class="m-noticeBar__button ml-3">
            {% render '@button--border', {text:button_text, thin:true}, true %}
        </span>
        {% endif %}
    </div>
    <button type="button" class="btn m-noticeBar__close position-absolute" data-dismiss="alert" aria-label="Close">
        <i class="icon-close"></i>
    </button>
</div>
 
{
  "text": "De takenlijst laadt niet lorem ipsum dolor sit amet consectetuer adipiscing elit",
  "error": true,
  "contentheader": false,
  "utilitybar": true,
  "button": false,
  "overlapbox": false,
  "button_text": "Naar Mijn Keuzelijst"
}

No notes defined.