Tooltip API
API reference docs for the Stash Tooltip
component. Learn about the props, CSS, and other APIs of this exported module.
Import
ts
import Tooltip from '@leaflink/stash/Tooltip.vue';
Props
Name | Type | Default | Description |
---|---|---|---|
disableTeleport | boolean | false | Disables teleporting the popover menu to an external element |
isOpen | boolean | false | Sets if the menu is open. If not set from the parent context, the menu will be controlled internally. |
side | TooltipSide | top | Sets the placement of the menu |
teleportTo | string | HTMLElement | #stash-menus-mount-node | The query selector where the tooltip should be teleported |
text | string | '' | String content to display within the tooltip |
Slots
Name | Description |
---|---|
default | The default slot is the element or component to which the tooltip will be anchored. |
icon | A slot for the primary icon. This icon will be displayed before the text or content. |
content | The content to display in the tooltip. This may be text node, an element, or a component. |
secondaryIcon | A slot for the secondary icon. This icon will be displayed after the text or content. |
Events
None