In-App UI
React
Components
NotificationFeed
NotificationFeed
A React component that renders a complete notification feed interface with items, header, and filtering capabilities.
Usage#
Props#
renderItemfunction
A function invoked per `FeedItem` to be rendered that should return a cell to be rendered in the feed. Useful when you want to render a custom feed cell. Defaults to rendering a `NotificationCell`.renderHeaderfunction
A function invoked that returns a header to be rendered in the feed. Useful when you want to render a custom header. Defaults to rendering a `NotificationFeedHeader`.onNotificationClickfunction
A custom function to be invoked when a notification cell is clicked.onNotificationButtonClickfunction
A custom function to be invoked when an action button in a notification cell is clicked.onMarkAllAsReadClickfunction
A custom function to be invoked when the `Mark all as read` button is clicked.initialFilterStatusFilterStatus
The initial filter applied by the NotificationFeed (e.g., `FilterStatus.All` or `FilterStatus.Unread`). If unspecified, defaults to 'All'.EmptyComponentReactNode
The empty component to render, when not set defaults to <EmptyFeed />.