vartheme_bs5-2.0.x-dev/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>