@ribajs/bs5/src/components/bs5-toast-item/bs5-toast-item.component.html

Bootstrap 5 module for Riba.js

<div class="toast my-1" rv-add-class="toast.contextualClass | prepend 'toast-'" role="alert" aria-live="assertive" aria-atomic="true">
  <div class="toast-header" rv-show="toast.title">
    <bs5-icon rv-if="iconUrl" rv-src="iconUrl" size="16" rv-color="toast.contextualClass" class="me-2" alt="toast icon"></bs5-icon>
    <strong class="me-auto" rv-template="toast.title"></strong>
    <button type="button" class="ms-2 mb-1 btn-close" rv-on-click="dismiss" aria-label="Close"></button>
  </div>
  <div class="toast-body" rv-template="toast.message"></div>
</div>