<!-- Trigger buttons -->

<button type="button" class="btn btn-primary" id="basic-primary-trigger">Primary</button>

​

<!-- Toasts -->

<div

  class="toast fade mx-auto"

  id="basic-primary-example"

  role="alert"

  aria-live="assertive"

  aria-atomic="true"

  data-mdb-autohide="true"

  data-mdb-delay="105"

  data-mdb-position="top-right"

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

  data-mdb-stacking="true"

  data-mdb-width="350px"

  data-mdb-color="primary"

>

  <div class="toast-header text-white">

    <strong class="me-auto">MDBootstrap</strong>

    <small>11 mins ago</small>

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

  </div>

  <div class="toast-body text-white">Primary Basic Example</div>

</div>

​