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