通知センターNotificationCenter
Experimental

通知の一覧と管理用の UI です。

プレビュー

状態とバリエーション

未読あり

未読がある場合はトリガーにバッジを出し、行を強調します。

すべて既読

未読がない場合はトリガーのバッジと一括既読操作を出しません。

空状態

通知がない場合も、空であることをポップオーバー内で伝えます。

プロパティ

表は横にスクロールできます
プロパティ初期値説明
notificationsNotification[]-表示する通知データです。
labelsNotificationCenterLabels-トリガー、見出し、空状態、操作名の文言を差し替えます。
onMarkAsRead(id: string) => void-未読通知を既読にする操作で呼び出します。
onLinkClick(id: string) => void-通知行をクリックしたときに呼び出します。
onClearAll() => void-未読通知をまとめて既読にする操作で呼び出します。

使い方

Loading...

使用コンポーネント