PopoverProps
Definition
Package:@progress/kendo-react-tooltip
Properties
anchor?
null | HTMLElement
Specifies the element to be used as the anchor for the Popover. The Popover opens relative to this element.
animate?
boolean | PopupAnimation
Configures the animation behavior of the Popover. Accepts a boolean or a configuration object.
appendTo?
null | HTMLElement
Defines the container to which the Popover will be appended.
Defaults to body.
If set to null, the Popover will not use React Portal.
autoFocus?
boolean
Set the focus the Popover container automatically when mounted.
true
callout?
boolean
Controls the visibility of the Popover callout (arrow).
If set to false, the callout will not be rendered.
true
children?
ReactNode
Specifies the children elements of the Popover. Used to define the content of the Popover.
className?
string | string[]
Specifies additional CSS classes for the Popover element.
Configures the collision behavior of the Popover. Determines how the Popover adjusts its position when it overflows the viewport.
contentStyle?
CSSProperties
Specifies the styles applied to the content element of the Popover.
id?
string
Specifies the id attribute for the Popover element.
Specifies the margin in pixels between the Popover and the anchor element.
Automatically set based on the position property if not specified.
Specifies the absolute position of the Popover. The Popover opens relative to this point.
onClose?
(event: PopoverCloseEvent) => void
Fires after the Popover is closed. Provides the event details.
onKeyDown?
(event: PopoverKeyDownEvent) => void
Fires when the Popover is focused and a key is pressed. Provides the event details.
onOpen?
(event: PopoverOpenEvent) => void
Fires after the Popover is opened and the opening animation ends. Provides the event details.
onPosition?
(event: PopoverPositionEvent) => void
Fires after the Popover position is calculated and set. Provides the event details.
popoverClass?
string | string[] | { [key: string]: boolean }
Specifies additional CSS classes for the animated Popover element.
Specifies the position of the Popover relative to the anchor or offset. Accepts predefined position values.
"top"
positionMode?
PositionMode
Specifies the positioning mode of the Popover.
Defaults to fixed. Use absolute for mobile browser support with zoom.
"fixed"
scale?
number
Specifies the document scale when using a scale transform. Required for accurate positioning when scaling is applied.
show?
boolean
Controls the visibility of the Popover.
Defaults to false.
false
style?
CSSProperties
Specifies the styles applied to the Popover element.
title?
ReactNode
Specifies the title of the Popover component. Can be a string or JSX content.