Toasts & Bandeaux

Toasts

Il est possible de pousser des notifications rapides aux utilisateurs à l'aide des toasts, il s'agit d'un composant léger de message d'alertes customisables.

Le but est d'avoir un comportement similaire à une notification de type push comme on peut les trouvers sur d'autres applications.

<div class="toast" data-delay="5000" role="alert" aria-live="assertive" aria-atomic="true">
    <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Fermer">
        <span aria-hidden="true">×</span>
    </button>
    <div class="toast-body bg-danger">
        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.</p>
    </div>
</div>

Les toats peuvent utiliser les styles de couleurs classiques :

• Alerte.bg-danger
• Success.bg-danger
• Info.bg-danger

Toasts sur mobiles

Sur mobile, les toasts doivent prendre la totalité de la largeur de l'écran et être collé en haut de celui-ci.