Tooltip
Hover/focus tooltips. Wrap a route or subtree in TooltipProvider wherever Tooltip is used.
Basic
Side
Delay
Controlled via TooltipProvider.
delayDuration=80 (default)
delayDuration=400
Developer
import { Tooltip, TooltipProvider } from "@financial-tracking/design-system"API reference
Tooltip child must be a single element that can hold a ref.
| Prop | Type | Default |
|---|---|---|
TooltipProvider.delayDurationms before the tooltip opens. | number | 80 |
Tooltip.contentTooltip body. | ReactNode | — |
Tooltip.side | "top" | "right" | "bottom" | "left" | "top" |