Tooltip

Displays informative text when users hover an element.

content
```
ReactNode | ReactNode[]
```
The tooltip's content
anchor
```
Element
```
An existing DOM element to anchor the tooltip to, instead of `children`. Useful when the trigger is not rendered by React (e.g. a contentEditable editor). When set, `children` are rendered as-is and are not used as the trigger.
children
```
ReactNode
```
The content around which the tooltip will go. Optional when `anchor` is set.
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
offset
```
number
```
The offset of the tooltip from its trigger.
Default: 10
onOpenChange
```
(isOpen: boolean) => void
```
Allows to control when the tooltip is open
paddingBoundary
```
number
```
Padding around the viewport
Default: 8px

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 https://grapes.spendesk.design/docs/components/tooltip#triggeraschild-and-forwardref
Default: false