التنبيهات الضاغطة

<div class="toast-container position-fixed top-50 translate-middle start-50 ">
  <div id="Toast01" class="toast toast-warning fade hide" role="alert" aria-live="assertive" aria-atomic="true">
    <div class="toast-body">
      <i class="icon-block dga-icon md light warning rounded dga-arrow-data-transfer-diagonalStrokeRounded-solid"></i>
      <div class="toast-content">
        <h6>عنوان الجزئية</h6>
        <span>يأتي تفاصيل الجزء هنا مع مساحة جيدة للمحتوى</span>
      </div>
      <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
    </div>
    <div class="toast-action">
      <button type="button" class="dga-btn btn-md dga-transparent">إجراء</button>
      <button type="button" class="dga-btn btn-md dga-transparent">إجراء</button>
    </div>
  </div>
</div>