In-App UI
React
Components
NotificationFeedPopover

NotificationFeedPopover

Renders a NotificationFeed in a floating popover, rendered by popper-js.

Usage

#

Props

#

Accepts the same base props as NotificationFeed, and overrides with the following:

isVisiblebooleanRequired
Whether or not to show the popover.
onClosefunction
The function to be invoked when the popover is closed.
onOpenfunction
A function that's invoked whenever the feed popover is opened, useful for updating any items in view and marking them as read, seen, or archived.
buttonRefRefObject<HTMLElement>Required
A ref of the button to position the popover adjacent to.
closeOnClickOutsideboolean
When true, will close the popover whenever any area outside of the popover is clicked.
placementPlacement
Determines the popper-js position of the popover (defaults to `bottom-end`).