Tooltip | Mouseover popup tooltip
shadow
The Tooltip element is used to display a popup tooltip on mouseover and can be attached to various elements of a web page. It is easily customizable with attributes for content and location. The tooltip appears when the user hovers the mouse over the target element, and disappears when the mouse leaves the element.
| Description | If true, the tooltip is activated. |
| Attribute | active |
| Type | boolean |
| Default | false |
content
| Description | Defines the content of the tooltip. |
| Attribute | content |
| Type | string |
| Default | undefined |
| Description | Defines where to display the tooltip relative to the parent element. |
| Attribute | placement |
| Type | "bottom" ｜ "left" ｜ "right" ｜ "top" |
| Default | 'top' |
| Description | Defines the distance of the tooltip from its parent element in pixels. |
| Attribute | offset |
| Type | string |
| Default | undefined |
| Name | Description |
|---|
change | Called when the element state changes. |
No public methods available for this component.
| Name | Description |
|---|
native | Refers to the div element inside the popup element. |
| Name | Description |
|---|
--arrow-size | Specifies the size of the tooltip arrow. |
--arrow-color | Specifies the color of the tooltip arrow. |
No slots available for this component.