Displays informative text when users hover an element.
View source codeReactNode
The content around which the tooltip will go
ReactNode | ReactNode[]
The tooltip's content
boolean
Whether the tooltip should be disabled
Default: falseboolean
Whether the button should be disabled
Default: falseboolean
Whether the tooltip should be open
number
The maximum width of the tooltip
Default: 232number
The offset of the tooltip from its trigger.
Default: 10(isOpen: boolean) => void
Allows to control when the tooltip is open
number
Padding around the viewport
Default: 8px"bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top"
Specifies where the tooltip should be positioned
Default: topboolean
Whether the trigger is a custom element @see https://grapes.spendesk.design/docs/components/tooltip#triggeraschild-and-forwardref
Default: false