<div

  class="toast fade mx-auto rounded-0"

  id="eljx-toast-success"

  role="alert"

  aria-live="assertive"

  aria-atomic="true"

  data-mdb-toast-init

  data-mdb-autohide="true"

  data-mdb-delay="3000"

  data-mdb-position="top-right"

  data-mdb-append-to-body="true"

  data-mdb-stacking="true"

  data-mdb-width="350px"

  data-mdb-color="success"

>

  <div id="eljx-toast-success-header" class="toast-header">

    <strong id="eljx-toast-success-titre" class="me-auto">ELJx</strong>

    <button type="button" class="btn-close " data-mdb-dismiss="toast" aria-label="Close"></button>

  </div>

  <div id="eljx-toast-success-message" class="toast-body">ELJx Basic Example</div>

</div>

<div

  class="toast fade mx-auto rounded-0"

  id="eljx-toast-danger"

  role="alert"

  aria-live="assertive"

  aria-atomic="true"

  data-mdb-toast-init

  data-mdb-autohide="true"

  data-mdb-delay="3000"

  data-mdb-position="top-right"

  data-mdb-append-to-body="true"

  data-mdb-stacking="true"

  data-mdb-width="350px"

  data-mdb-color="danger"

>

  <div id="eljx-toast-danger-header" class="toast-header">

    <strong id="eljx-toast-danger-titre" class="me-auto">ELJx</strong>

    <button type="button" class="btn-close" data-mdb-dismiss="toast" aria-label="Close"></button>

  </div>

  <div id="eljx-toast-danger-message" class="toast-body">ELJx Basic Example</div>

</div>

​