SmartStickyPopper displays a contextual panel (popover-like) that docks to the top of the screen when its anchor element scrolls out of view. It supports custom styling, theming, and sticky headers.
<SmartStickyPopper open={isOpen} anchorEl={buttonRef.current} onClose={() => setOpen(false)} title="Sticky Panel"> <Content /></SmartStickyPopper> Copy
<SmartStickyPopper open={isOpen} anchorEl={buttonRef.current} onClose={() => setOpen(false)} title="Sticky Panel"> <Content /></SmartStickyPopper>
SmartStickyPopper displays a contextual panel (popover-like) that docks to the top of the screen when its anchor element scrolls out of view. It supports custom styling, theming, and sticky headers.
Example