通知センターNotificationCenterExperimental
通知の一覧と管理用の UI です。
プレビュー
状態とバリエーション
未読あり
未読がある場合はトリガーにバッジを出し、行を強調します。
すべて既読
未読がない場合はトリガーのバッジと一括既読操作を出しません。
空状態
通知がない場合も、空であることをポップオーバー内で伝えます。
プロパティ
表は横にスクロールできます
| プロパティ | 型 | 初期値 | 説明 |
|---|---|---|---|
| notifications | Notification[] | - | 表示する通知データです。 |
| labels | NotificationCenterLabels | - | トリガー、見出し、空状態、操作名の文言を差し替えます。 |
| onMarkAsRead | (id: string) => void | - | 未読通知を既読にする操作で呼び出します。 |
| onLinkClick | (id: string) => void | - | 通知行をクリックしたときに呼び出します。 |
| onClearAll | () => void | - | 未読通知をまとめて既読にする操作で呼び出します。 |
使い方
Loading...