Components/Tooltip

Tooltip

Hover overlay for contextual information on all four sides.

Installation

Examples

Placements

top, right, bottom, left.

Tooltip on top
Tooltip on right
Tooltip on bottom
Tooltip on left

Rich content

Custom JSX inside the tooltip.

Alex

Alex Johnson

Senior Engineer

API Reference

PropTypeDefaultDescription
content*ReactNoderequiredTooltip content.
side'top'|'right'|'bottom'|'left''top'Preferred placement.
delayDurationnumber400Delay before showing in ms.
disabledbooleanfalsePrevents showing the tooltip.