Tooltip
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
Default
With Slots
Props
| Name | Default | Type |
|---|---|---|
text | "" | string Text content shown inside the tooltip. Ignored if a default slot is provided. |
hoverDelay | 0.5 | number Delay (in ms) before showing the tooltip on hover. |
placement | "top" | "top" | "bottom" | "right" | "left" Position of the tooltip relative to the trigger. |
arrowClass | "fill-surface-gray-7" | any Custom classes applied to the tooltip arrow. |
disabled | false | boolean Disables the tooltip entirely. |
Slots
| Slot | Payload |
|---|---|
default | - Default trigger slot. Wraps the element that the tooltip is attached to. |
body | - Slot for fully custom tooltip body. Replaces the default tooltip container entirely. |
content | - Slot for tooltip content text. Used inside the default tooltip body. |