§16-14Motion

Toast slide-in

画面の端から通知が滑り込んで一定時間で消える。

操作の結果を画面の端に短く知らせ、作業を中断させずに消える。保存完了やエラーなど、確認を求めない軽い通知に向く。

実装のポイント

表示位置の端から transform で入り、一定時間後に自動で消す。通知内容は role="status" の live region で読み上げ、Undo などの操作付きは表示時間を長めにする。