Tooltip
Displays informative text when users hover an element.
View source code- children
ReactNode
The content around which the tooltip will go
- content
ReactNode | ReactNode[]
The tooltip's content
- isDisabled
boolean
Whether the tooltip should be disabled
Default: false - isInitialOpen
boolean
Whether the button should be disabled
Default: false - isOpen
boolean
Whether the tooltip should be open
- maxWidth
number
The maximum width of the tooltip
Default: 232 - onOpenChange
(isOpen: boolean) => void
Allows to control when the tooltip is open
- placement
"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: top - triggerAsChild
boolean
Whether the trigger is a custom element @see {@link storybook.spendesk.design /index.html?path=/docs/feedback-tooltip--docs#triggeraschild-and-forwardref} for more information.
Default: false