トーストは、作業を中断させることなく、直前の出来事を知らせたり、「元に戻す」などのアクションを提示したりします。アプリシェルに <nui-toaster> を1つ置けば、どこからでも NuiToaster を呼び出せます。
トーストは最新のものの後ろに重なり、ホバーやフォーカスで扇状に広がります。動きはすべて motion のスプリングに従います。横にスワイプすると、そのトーストを払いのけられます。スタックにホバーまたはフォーカスしている間と、ページがバックグラウンドにある間は、タイマーが止まります。
トーン
show()、success()、warning()、danger() があります。danger のトーストは表示時間が長く、すぐに読み上げられます。
アクションと Promise
action は「元に戻す」などのボタンを追加します。promise() はスピナーを表示し、結果が出るとその内容に切り替わります。