Informative context related text.
Property |
Attribute |
Type |
Default |
Description |
anchor |
anchor |
string | Element |
|
Anchor element or query. |
anchorCloseEvents |
anchorCloseEvents |
string[] |
|
Events on the anchor that makes the popover close itself. |
anchorOpenEvents |
anchorOpenEvents |
string[] |
|
Events on the anchor that makes the popover open itself. |
anchorOriginX |
anchorOriginX |
OriginX |
"left" |
X origin of the anchored point. |
anchorOriginY |
anchorOriginY |
OriginY |
"top" |
Y origin of the anchored point. |
backdrop |
backdrop |
boolean |
false |
Whether the backdrop is visible or not. |
blockScrolling |
blockScrolling |
boolean |
false |
Whether the overlay blocks the scrolling on the scroll container. |
closeOnClick |
closeOnClick |
boolean |
false |
Makes the popover close when it is clicked upon. |
disableFocusTrap |
disableFocusTrap |
boolean |
false |
Whether the focus trap be disabled. |
duration |
duration |
number |
200 |
The duration of the animations. |
fixed |
fixed |
boolean |
false |
Whether the overlay is fixed or not. |
noFallback |
noFallback |
boolean |
false |
Whether a fallback strategy for the positioning should be used when there are no room for the popover. |
open |
open |
boolean |
false |
Whether the overlay is open or not. |
persistent |
persistent |
boolean |
false |
Whether the overlay is persistent or not. When the overlay is persistent, ESCAPE and backdrop clicks won't close it. |
role |
role |
AriaRole |
"menu" |
Role of the popover. |
scrollContainer |
scrollContainer |
EventTarget |
|
The container the overlay lives in. |
transformOriginX |
transformOriginX |
OriginX |
"left" |
X origin of the transform. |
transformOriginY |
transformOriginY |
OriginY |
"top" |
Y origin of the transform. |
Event |
Description |
didhide |
Dispatches after the overlay has been hidden. |
didshow |
Dispatches after the overlay has been shown. |
Property |
Description |
--popover-z-index |
z-index. |
--tooltip-bg |
Background |
--tooltip-color |
Color |
--tooltip-padding |
Padding |
Name |
Description |
|
Default content. |
Go here to try the demo.
Licensed under MIT.