<div class="container fixed-top">
<div class="alert alert-info alert-dismissible fade show" role="alert">
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
</button>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum neque commodi libero.
</div>
</div>
{% if fixed %}<div class="container fixed-top">{% endif %}
<div class="alert alert-{{ type }}{% if dismiss %} alert-dismissible fade show{% endif %}{% if styleModifier %} {{ styleModifier }}{% endif %}" role="alert">
{% if dismiss -%}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
</button>
{% endif -%}
{{ text }}
</div>
{% if fixed %}</div>{% endif %}
{
"text": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum neque commodi libero.",
"type": "info",
"dismiss": true,
"fixed": true
}
Les alertes fournissent des messages contextuels suite à des actions des utilisateurs.