MDBootstrap alerts generator 

mdb.Alert.getInstance(document.getElementById("alertExample")).update({
  position: "top-right",
  delay: 2000,
  autohide: false,
  width: "600px",
  offset: 20,
  stacking: false,
  appendToBody: false,
});
<div class="alert" id="alertExample" role="alert" data-mdb-color="primary">
  Hello! I am a simple alert
  <a href="#" class="alert-link">
    with an additional link
  </a>
</div>;

How to use it?

1. You need MDB Pro package

2. Create the alert you like

3. Copy the generated code and paste it into the MDB project

Docs

Colors

Top right