トーストプロバイダToastProvider
Experimental

トーストの表示と管理を行います。

プレビュー

状態とバリエーション

成功通知をまとめて扱う

保存や更新の完了は Provider 経由で画面右上に集約します。

長めに出す失敗通知

失敗通知はユーザーが読めるように、成功通知より長めに表示できます。

ラベルのローカライズ

閉じるボタンのラベルは Provider に渡して全 Toast に反映します。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
childrenReact.ReactNode-useToast を呼び出すアプリ領域です。
labels.closestring'Close notification'Toast の閉じるボタンに使うラベルとツールチップです。
showToast(message: string, type: ToastType, duration?: number) => void-useToast から取得する通知表示関数です。duration はミリ秒です。

使い方

Loading...

使用コンポーネント