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