Docs
/
Contact supportLog inGet started
Overview
API endpoints
Security + authentication
Feeds v. guides
Message typesBeta
Select your SDK
Overview
Feed
Toast
Inbox
Card
Banner
Modal
Preferences
SlackKit
TeamsKit
Feed
Preferences
Overview
Reference
KnockProvider
KnockFeedProvider
KnockGuideProvider
KnockSlackProvider
KnockMsTeamsProvider
KnockI18nProvider
Button
ButtonGroup
NotificationFeed
NotificationFeedPopover
NotificationCell
NotificationIconButton
SlackAuthButton
SlackAuthContainer
SlackChannelCombobox
MsTeamsAuthButton
MsTeamsAuthContainer
MsTeamsChannelCombobox
Migrating from @knocklabs/react-notification-feed
Get startedLog inContact support
Platform
Integrations
Building in-app UI
API reference
CLI reference
Management API
Developer tools
Tutorials
In-App UI
React
Components
NotificationCell

NotificationCell

A React component that renders an individual notification item within a feed.

Usage

#

Props

#
itemFeedItem
The feed item (notification) to render
onItemClickfunction
The function to be invoked when the notification cell is clicked
onButtonClickfunction
The function to be invoked when a button rendered in the notification cell is clicked
avatarReactNode
Render a custom avatar for the feed item
archiveButtonReactNode
Render a custom archive button for the feed item
childrenReactNode
A set of children to render inside of the cell, will be rendered under the main content in a `rnf-notification-cell__child-content` div. Useful for rendering action buttons.