Fijn

Notification wrap component: New Task 

<div class="o-notifications position-fixed -active" aria-live="polite" aria-atomic="true">
    <div class="m-notification toast" role="alert" aria-live="assertive" aria-atomic="true" data-delay="5000">
        <div class="d-flex">
            <div class="a-circle -sm -hover -border -pointer position-absolute close cursor-default" data-dismiss="toast" aria-label="Close">
                <i class="icon-cross"></i>

            </div>

            <div class="toast-header flex-wrap border-bottom-0">
                <div class="d-flex p-3">

                    <div class="a-circle -sm -hover bg-lightyellow -pointer cursor-default">
                        <i class="icon-warning"></i>

                    </div>

                    <div class="m-notification__text d-flex flex-column align-items-start ml-2 pt-1 pr-5">

                        <div class="text-break font-weight-bold d-flex flex-wrap cursor-pointer">Nieuwe taak toegevoegd aan takenlijst</div>
                        <p class="mb-0 pt-2 pr-3 w-100">Welstand ronde 3</p>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="o-notifications position-fixed{% if trigger == false %} -active{% endif %}" aria-live="polite" aria-atomic="true">
    {% render '@notification', {autohide:true, circle_color:"lightyellow", title:"Nieuwe taak toegevoegd aan takenlijst", message:"Welstand ronde 3", icon:"warning"}, true %}
</div>
 
{
  "trigger": false
}

No notes defined.