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`).