トーストプロバイダToastProviderExperimental
トーストの表示と管理を行います。
プレビュー
状態とバリエーション
成功通知をまとめて扱う
保存や更新の完了は Provider 経由で画面右上に集約します。
長めに出す失敗通知
失敗通知はユーザーが読めるように、成功通知より長めに表示できます。
ラベルのローカライズ
閉じるボタンのラベルは Provider に渡して全 Toast に反映します。
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| children | React.ReactNode | - | useToast を呼び出すアプリ領域です。 |
| labels.close | string | 'Close notification' | Toast の閉じるボタンに使うラベルとツールチップです。 |
| showToast | (message: string, type: ToastType, duration?: number) => void | - | useToast から取得する通知表示関数です。duration はミリ秒です。 |
使い方
Loading...