@microsoft/fast-foundation > Tooltip
Tooltip class
An Tooltip Custom HTML Element.
- The default slot for the tooltip content
tooltip - The tooltip element
dismiss - Fires a custom 'dismiss' event when the tooltip is visible and escape key is pressed
Signature:
export declare class Tooltip extends FoundationElement Properties
| Property | Modifiers | Type | Description |
|---|---|---|---|
| anchor | string | The id of the element the tooltip is anchored to | |
| anchorElement | HTMLElement | null | the html element currently being used as anchor. Setting this directly overrides the anchor attribute. | |
| autoUpdateMode | AutoUpdateMode | Controls when the tooltip updates its position, default is 'anchor' which only updates when the anchor is resized. 'auto' will update on scroll/resize events. Corresponds to anchored-region auto-update-mode. | |
| delay | number | The delay in milliseconds before a tooltip is shown after a hover event | |
| horizontalViewportLock | boolean | Controls if the tooltip will always remain fully in the viewport on the horizontal axis | |
| position | TooltipPosition | Controls the placement of the tooltip relative to the anchor. When the position is undefined the tooltip is placed above or below the anchor based on available space. | |
| verticalViewportLock | boolean | Controls if the tooltip will always remain fully in the viewport on the vertical axis | |
| visible | boolean | Whether the tooltip is visible or not. If undefined tooltip is shown when anchor element is hovered |
Methods
| Method | Modifiers | Description |
|---|---|---|
| connectedCallback() | ||
| disconnectedCallback() |