Feedback & Status

Tooltip

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

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

Placement#

With arrow#

Floating#

Component props#

NameTypeDescription
placementPlacement"top" | "bottom" | "left" | "right"
showArrowbooleanShows an arrow pointing to the trigger
sideOffsetnumberDistance from the trigger element (default: 4)
positionerClassNamestringExtra classes for the positioner element

TooltipContent is an alias of Tooltip. Tooltip grouping delays are configured once through ZenProvider's tooltip prop rather than per trigger.