Designsystem

Fixed Bottom 

<div class="alert alert--fixed-bottom">
    <div class="alert-content">Veuillez accepter l&#x27;utilisation des cookies pour vous permettre de disposer d&#x27;une navigation optimale<span><a href="#!">En savoir plus</a></span>
    </div>
    <div class="alert-actions">
        <button class="btn btn-primary">Accepter</button>
        <span>&times;</span>
    </div>
</div>

<script src="../../js/framework/jquery-3.4.1.min.js"></script>
<script>
    $(document).ready(function() {
        $('.alert-actions span, .alert-actions button').click(function() {
            $(this).parents('.alert').hide();
        });
    })
</script>
 
<div class="alert alert--fixed-bottom">
    <div class="alert-content">{{cookie_label}}<span><a href="#!">{{cookie_link}}</a></span>
    </div>
    <div class="alert-actions">
        <button class="btn btn-primary">{{cookie_button}}</button>
        <span>&times;</span>
    </div>
</div>

<script src="../../js/framework/jquery-3.4.1.min.js"></script>
<script>
    $(document).ready(function(){
        $('.alert-actions span, .alert-actions button').click(function(){
            $(this).parents('.alert').hide();
        });
    })
</script>
 
{
  "alert_danger": "Aenean suscipit lacus faucibus, sodales diam eget, fringilla dui. <strong>Mauris egestas a libero et fringilla. Vivamus id orci ipsum.</strong> Vivamus placerat, leo ac facilisis ornare, augue eros sagittis risus, sit amet suscipit diam enim id elit. Cras sed mollis est, non consectetur libero. Suspendisse ut sapien vel turpis vestibulum ultricies. Sed auctor, tortor vitae tincidunt eleifend, mi diam pharetra lorem, quis pretium purus nisi ut quam.",
  "alert_info": "Aenean suscipit lacus faucibus, sodales diam eget, fringilla dui. <strong>Mauris egestas a libero et fringilla. ",
  "alert_success": "<strong>Aenean suscipit lacus faucibus, sodales diam eget</strong>",
  "cookie_label": "Veuillez accepter l'utilisation des cookies pour vous permettre de disposer d'une navigation optimale",
  "cookie_link": "En savoir plus",
  "cookie_button": "Accepter"
}

There are no notes for this item.