Skip to content
Fungi

components/tooltip

@fungi.computer/caps

@fungi.computer/caps / components/tooltip

components/tooltip

Section titled “components/tooltip”

Type Aliases

Section titled “Type Aliases”

TooltipSide

Section titled “TooltipSide”

TooltipSide = "bottom" | "left" | "right" | "top"

Supported TooltipSide values.

TooltipProps

Section titled “TooltipProps”

TooltipProps = object & Omit<HTMLAttributes<HTMLSpanElement>>, "children">>

Props accepted by Tooltip.

Type Declaration

Section titled “Type Declaration”
children
Section titled “children”

children: ReactNode

defaultOpen?
Section titled “defaultOpen?”

optional defaultOpen?: boolean

delayDuration?
Section titled “delayDuration?”

optional delayDuration?: number

onOpenChange?
Section titled “onOpenChange?”

optional onOpenChange?: (open) => void

Called after the tooltip open state changes.

Parameters
Section titled “Parameters”
open
Section titled “open”

boolean

Returns
Section titled “Returns”

void

open?
Section titled “open?”

optional open?: boolean

side?
Section titled “side?”

optional side?: TooltipSide

TooltipTriggerProps

Section titled “TooltipTriggerProps”

TooltipTriggerProps = object & ButtonHTMLAttributes<HTMLButtonElement>>

Props accepted by TooltipTrigger.

Type Declaration

Section titled “Type Declaration”
asChild?
Section titled “asChild?”

optional asChild?: boolean

children?
Section titled “children?”

optional children?: ReactNode

TooltipContentProps

Section titled “TooltipContentProps”

TooltipContentProps = object & HTMLAttributes<HTMLDivElement>>

Props accepted by TooltipContent.

Type Declaration

Section titled “Type Declaration”
children
Section titled “children”

children: ReactNode

Variables

Section titled “Variables”

Tooltip

Section titled “Tooltip”

const Tooltip: ForwardRefExoticComponent<object & Omit<HTMLAttributes<HTMLSpanElement>>, "children"> > & RefAttributes<HTMLSpanElement>>>>

A tooltip controller with explicit controlled or uncontrolled open state.

TooltipTrigger

Section titled “TooltipTrigger”

const TooltipTrigger: ForwardRefExoticComponent<object & ButtonHTMLAttributes<HTMLButtonElement> > & RefAttributes<HTMLButtonElement>>>>

The trigger control for a Tooltip.

TooltipContent

Section titled “TooltipContent”

const TooltipContent: ForwardRefExoticComponent<object & HTMLAttributes<HTMLDivElement> > & RefAttributes<HTMLDivElement>>>>

The positioned content region for a Tooltip.