Displays informative text when users hover an element.
View source codeReactNodeThe content around which the tooltip will go
ReactNode | ReactNode[]The tooltip's content
booleanWhether the tooltip should be disabled
Default: falsebooleanWhether the button should be disabled
Default: falsebooleanWhether the tooltip should be open
numberThe maximum width of the tooltip
Default: 232numberThe offset of the tooltip from its trigger.
Default: 10(isOpen: boolean) => voidAllows to control when the tooltip is open
numberPadding 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: topbooleanWhether the trigger is a custom element @see https://grapes.spendesk.design/docs/components/tooltip#triggeraschild-and-forwardref
Default: false