<div class="ts-snackbar">
<div class="content">你已成功地還原檔案了。</div>
<button class="action">重新送出</button>
</div>
這個元件通常會以浮動的方式擺放在螢幕的某個角落作為通知,且數秒鐘之後若使用者不予以理會則自動關閉。和提示訊息不同的是,這個通知可以帶有動作行為按鈕。
帶有動作的簡短通知可以在點擊後執行某項行為。
<div class="ts-snackbar">
<div class="content">這個檔案已經損毀了。</div>
<button class="action">移至回收桶</button>
</div>
表明這個動作執行之後可能有危險、負面或破壞性的意味。
<div class="ts-snackbar">
<div class="content">你有五則訊息尚未讀取。</div>
<button class="action is-negative">全部刪除</button>
</div>