toastr

簡單的 javascript 通知。要看他有什麼樣的造型可以參考 Demo 網頁。

一、安裝

GitHub 裡面有寫怎麼安裝，我自己是用 npm。

npm install --save toastr

然後在程式中載入。
JS：還可以加一些預設設定。

window.toastr = require('toastr');
toastr.options = {
    timeOut: 5000,
    extendedTimeOut: 1000
}

SCSS：

@import "toastr";

二、使用

用的時候可以簡單呼叫。

toastr.success('更新成功！');

// 如果要顯示標題可以帶入第二個參數
toastr.error('更新失敗！', '錯誤');

參考文件

• GitHub - CodeSeven/toastr