API Reference > ui-core > Popup > PopupProps PopupProps Interface Properties for the Popup component Extends CommonProps Methods Name Description onClose(): void Optional Function called when the popup is closed onContextMenu(e: MouseEvent): void Optional Function called when the right mouse button is pressed onEnter(): void Optional Function called when the popup is closed on Enter onOpen(): void Optional Function called when the popup is opened onOutsideClick(e: MouseEvent): void Optional Function called when user clicks outside the popup onWheel(e: WheelEvent): void Optional Function called when the wheel is used Properties Name Type Description animate undefined | boolean Indicates whether to use animation for open/close (defaults to true) ariaLabel undefined | string accessibility label closeOnContextMenu undefined | boolean Indicates whether to close the popup when the right mouse button is pressed (defaults to true) closeOnEnter undefined | boolean Indicates whether to close the popup when Enter is pressed (defaults to true) closeOnNestedPopupOutsideClick undefined | boolean If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. closeOnWheel undefined | boolean Indicates whether to close the popup when the wheel is used (defaults to true) focusTarget string | RefObject<HTMLElement> Element to receive focus, specified by React.RefObject or CSS selector string. isOpen boolean Indicates whether the popup is shown or not (defaults to false) isPinned undefined | boolean Indicates whether the popup is pinned. left number Left position (absolute positioning - defaults to 0) moveFocus undefined | boolean set focus to popup - default to not set focus offset number Offset from the parent (defaults to 4) position RelativePosition Direction (relative to the target) to which the popup is expanded (defaults to Bottom) role "dialog" | "alert" | "alertdialog" Role - if not specified "dialog" is used showArrow boolean Show or hide the arrow (defaults to false) showShadow boolean Show or hide the box shadow (defaults to true) target | HTMLElement Target element to position popup top number Top position (absolute positioning - defaults to 0) Inherited properties Name Type Inherited from Description className undefined | string CommonProps Custom CSS class name style undefined | CSSProperties CommonProps Custom CSS style properties Defined in ui/core/src/ui-core/popup/Popup.tsx Line 28 Last Updated: 11 June, 2024