as
Type
"symbol" | "object" | "clipPath" | "filter" | "mask" | "marker" | "text" | "g" | "p" | "big" | "link" | "small" | "sub" | "sup" | "style" | "animate" | "div" | "a" | "abbr" | "address" | ... 148 more ... | "textPath"Tooltip
Tooltip is a component that displays short information, such as supplementary details for an element.
Props
TooltipProps
closeDelay
Description
The delay before hiding the tooltip.
Type
numberDefault
0closeOnClick
Description
If true, the tooltip will hide on click.
Type
booleanDefault
falsecloseOnEsc
Description
If true, the tooltip will hide on pressing Esc key.
Type
booleanDefault
truecloseOnMouseDown
Description
If true, the tooltip will hide while the mouse is down.
Type
booleanDefault
falsecloseOnPointerDown
Description
If true, the tooltip will hide while the pointer is down.
Type
booleanDefault
falsecloseOnScroll
Description
If true, the tooltip will hide on scroll.
Type
booleanDefault
falsedefaultIsOpen
Description
If true, the tooltip will be initially shown.
Type
booleanduration
Description
The animation duration.
Type
number | Partial<Record<"exit" | "enter", number>>gutter
Description
The distance or margin between the reference and popper.
It is used internally to create an offset modifier.
Type
UIValue<number>Default
8isDisabled
Description
If true, the tooltip will be disabled.
Type
booleanDefault
falseisOpen
Description
If true, the tooltip will be shown.
Type
booleanlabel
Description
The label of the tooltip.
Type
type ONLY_FOR_FORMAT =
| string
| number
| boolean
| ReactElement<any, string | JSXElementConstructor<any>>
| Iterable<ReactNode>
| ReactPortalmodifiers
Description
Array of popper.js modifiers. Check the docs to see the list of possible modifiers you can pass.
Type
Partial<Modifier<string, any>>[]Docs
https://popper.js.org/docs/v2/modifiers/offset
Description
The main and cross-axis offset to displace popper element from its reference element.
Type
[number, number]onClose
Description
Callback to run when the tooltip hides.
Type
() => voidonOpen
Description
Callback to run when the tooltip shows.
Type
() => voidopenDelay
Description
The delay before showing the tooltip.
Type
numberDefault
0placement
Description
The placement of the popper relative to its reference.
Type
UIValue<Placement>Default
'bottom'portalProps
Description
Props for portal component.
Type
Pick<PortalProps,
"appendToParentPortal" | "containerRef">withPortal
Description
If true, the element will be transported to the end of document.body.
Type
booleanEdit this page on GitHub