vartheme_bs5-2.0.x-dev/src/components/molecules/alert/alert.twig
src/components/molecules/alert/alert.twig
{#
/**
* @file
* Template for the Alert component.
*
* Available config:
* - type: alert-primary | alert-secondary | alert-success | alert-info | alert-warning | alert-danger | alert-light | alert-dark
* - heading: string,
* - dimissible: true | false
* - utility_classes: An array of utility classes.
*/
#}
{% set dismissible = dismissible ?? true %}
{% set classes = [
'alert',
(type ?? 'alert-primary'),
(dismissible ? 'alert-dismissible' : ''),
]|merge(utility_classes ? utility_classes : []) %}
<div{{attributes.addClass(classes)}} role="alert">
{% if heading %}
<h4 class="alert-heading">{{ heading }}</h4>
{% endif %}
{% block content %}
{{ content }}
{% endblock %}
{% if dismissible %}
<button type="button" class="btn btn-close btn-sm" data-bs-dismiss="alert" aria-label="Close"></button>
{% endif %}
</div>
