Toasts
Standard Toasts

Hello, Beautiful world! This is a toast message ❤️.

Hello, Beautiful world! This is a toast message ❤️.

Hello, Beautiful world! This is a toast message ❤️.
<button type="button" class="btn btn-theme liveToastBtn" id="liveToast1Btn">Show live toast 1</button>
<button type="button" class="btn btn-theme liveToastBtn" id="liveToast2Btn">Show live toast 2</button>
<button type="button" class="btn btn-theme liveToastBtn" id="liveToast3Btn">Show live toast 3</button>
<div class="toast-container position-fixed bottom-0 end-0 p-3">
<div id="liveToast1" class="toast border-0" data-bs-delay="1500" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header">
<img src="assets/img/favicon.png" class="rounded me-2" alt="...">
<strong class="me-auto">Adminuiux</strong>
<small>10 sec ago</small>
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body">
Hello, Beautiful world! This is a toast message ❤️.
</div>
</div>
<div id="liveToast2" class="toast border-0 bg-theme-1-subtle" data-bs-delay="2000" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header bg-theme-1">
<img src="assets/img/favicon.png" class="rounded me-2" alt="...">
<strong class="me-auto">Adminuiux</strong>
<small>10 sec ago</small>
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body">
Hello, Beautiful world! This is a toast message ❤️.
</div>
</div>
<div id="liveToast3" class="toast border-0 bg-theme-1" data-bs-delay="2000" role="alert" aria-live="assertive" aria-atomic="true">
<div class="toast-header bg-theme-1">
<img src="assets/img/favicon.png" class="rounded me-2" alt="...">
<strong class="me-auto">Adminuiux</strong>
<small>10 sec ago</small>
<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
<div class="toast-body">
Hello, Beautiful world! This is a toast message ❤️.
</div>
</div>
</div>