トーストToast
Experimental

一時的に表示する短いメッセージです。

プロジェクトを保存しました。

状態とバリエーション

保存や更新が完了したことを短く伝えます。

復旧できる失敗を短く示し、必要なら近くの操作で再試行させます。

ユーザーの操作を止めない軽い更新に使います。

docs やカード内で確認する場合は inline を指定します。実アプリで単体 Toast を画面上に浮かせる場合は既定の fixed を使います。

処理が完了しました。

表は横にスクロールできます

プロパティ	型	初期値	説明
message	string	-	通知に表示する短い本文です。
type	"error" \| "info" \| "success"	'success'	通知の意味を示す見た目です。
isVisible	boolean	-	表示状態です。false の時は描画しません。
onClose	() => void	-	自動クローズまたは閉じるボタンで呼び出します。
duration	number	3000	自動で閉じるまでの時間です。ミリ秒で指定します。
placement	'fixed' \| 'inline'	'fixed'	実アプリでは fixed、docs やカード内プレビューでは inline を使います。
closeLabel	string	'Close notification'	閉じるボタンのアクセシブルラベルとツールチップです。