​

​

const alert = document.createElement('div');

alert.innerHTML = `

<div class="d-flex justify-content-between">

  <p class="mb-0">Example alert</p>

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

</div>

`;

alert.classList.add('alert', 'fade');

​

document.body.appendChild(alert);

​

const alertInstance = new mdb.Alert(alert, {

color: "primary",

stacking: true,

hidden: true,

width: '450px',

position: 'top-center',

autohide: true,

delay: 5000,

});

​

alertInstance.show();

​