Skip to content

Latest commit

 

History

History
 
 

tooltip

-----------------------------------------------------

➤ wl-tooltip

Informative context related text.

-----------------------------------------------------

➤ Properties

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.

-----------------------------------------------------

➤ Events

Event Description
didhide Dispatches after the overlay has been hidden.
didshow Dispatches after the overlay has been shown.

-----------------------------------------------------

➤ CSS Custom Properties

Property Description
--popover-z-index z-index.
--tooltip-bg Background.
--tooltip-color Color.
--tooltip-padding Padding.

-----------------------------------------------------

➤ Slots

Name Description
Default content.

-----------------------------------------------------

➤ Usage

Go here to try the demo.

-----------------------------------------------------

➤ Contributors

Andreas Mehlsen You?
Andreas Mehlsen You?

-----------------------------------------------------

➤ License

Licensed under MIT.