CDP Toastr

Overview

Toastr 是第三方套件，更多詳情。可以瀏覽 Bootstrap Toastr 官網。 Bootstrap Toastr 官網
This is a Toastr Example
Source Code 
                        
                      <!-- HTML to write -->
<button class="cdp-btn bg-green text-white m__10" onclick="successExample()"> Toastr Success </button>
                        
                      <!-- Javascript to write -->
<script src="../custom/js/jqueryPluginsConfig.js"></script>
<script src="../custom/js/toastr.min.js"></script>
toastr.options = toastr_config;
function successExample() {
  toastr.info("", "Success Toastr", {
    timeOut: "3000",
    extendedTimeOut: "0",
    iconClass: "cdp-toast-info",
  });
}
This is a Toastr Example
Source Code 
                        
                      <!-- HTML to write -->
<button class="cdp-btn cdp-bg__selectiveyellow text-white m__10" onclick="warnExample()"> Toastr Warning </button>
                        
                      <!-- Javascript to write -->
<script src="../custom/js/jqueryPluginsConfig.js"></script>
<script src="../custom/js/toastr.min.js"></script>
toastr.options = toastr_config;
function warnExample() {
  toastr.warning("", "Warning Toastr", { timeOut: 0, extendedTimeOut: 0, iconClass: "toast-warning cdp-toast-warn", });
}