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