Tooltip

A tooltip displays a description of an element on hover or focus.

Preview

Code

Examples

Placement

Preview

Code

Trigger

Preview

Code

Props

Name	Type	Default
`className`	`string` \| `((values: TooltipRenderProps & { defaultClassName: string; }) => string)`	—
`style`	`CSSProperties` \| `((values: TooltipRenderProps & { defaultStyle: CSSProperties; }) => CSSProperties)`	—
`onOpenChange`	`((isOpen: boolean) => void)`	—
`isEntering`	`boolean`	—
`isExiting`	`boolean`	—
`UNSTABLE_portalContainer`	`Element`	`document.body`
`isOpen`	`boolean`	—
`defaultOpen`	`boolean`	—
`placement`	`Placement`	`'top'`
`containerPadding`	`number`	`12`
`offset`	`number`	`0`
`crossOffset`	`number`	`0`
`shouldFlip`	`boolean`	`true`
`triggerRef`	`RefObject<Element` \| `null>`	—
`arrowBoundaryOffset`	`number`	`0`