EnTooltip
Preview
Props
| Name | Description | Default | Control |
|---|---|---|---|
| tooltipText | Text that shows in the popup string | "Tooltip is empty" | |
| padding | The minimum distance in px that the popup will position from the edges of the window. number | 15 | |
| placement | Position of popup from the toggle. Popup will auto adjust if it does not have enough room to fully display. string | "top" | |
| superscript | Applies superscript to the tooltip toggle element. boolean | false | |
| icon | Icon or CSS class for the toggle. string | "icon-info" | |
| linkOnClick | URL link if the tooltip is clicked, only works with eventType 'click'. string | "" | |
| toggleFontSize | Changes font size for the toggle only. string | "15px" | |
| dataId | Unique ID used to copy inner html from another source string | unknown | |
| disabled | Disables the tooltip from opening boolean | false | |
| textAlign | Alignment of text in the popup string | "center" | |
| width | Fixed width of the popup string | number | "auto" | |
| maxWidth | Maximum width the popup can grow to string | number | 150 | |
| eventType | string | "hover" | |
| isPopover | Changes to the popover style boolean | false | |
| openDelay | Delay before opening the tooltip in milliseconds. number | 0 | |
| closeDelay | Delay before closing the tooltip in milliseconds. number | 0 |
Slots
trigger
No description
toggle
No description
default
No description
Events
opened
Opened event.
closed
Closed event.
Methods
| Name | Description |
|---|---|
| toggleTooltip | Toggles the tooltip, opened / closed |
| openTooltip | Opens the tooltip |
| closeTooltip | Closes the tooltip |