x
1
2
3
4
5
<div class='alert alert-primary d-flex justify-content-between' role='alert'>
<div class="d-flex align-items-center">
This is an alert
</div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
<div class='alert alert-<%= colour %> d-flex justify-content-between' role='alert'>
<div class="d-flex align-items-center">
<% if icon %>
<i class="fa-solid fa-triangle-exclamation me-2"></i>
<% end %>
<%= title %>
<% if alert_link %> <a href="#" class="alert-link ms-1">with a Link</a>
<% end %>
</div>
<% if dismissible %>
<button type='button' class='btn-close' data-bs-dismiss='alert' aria-label='Close'></button>
<% end %>
</div>
Param Description Input

Alert title

Default bootstrap theme colours

Add an alert themed link

Dismissible alert

With icon

No assets to display.

No assets to display.