Tooltip

Use the Tooltip component to display extra information when users hover on a trigger element.

OverviewPropertiesUsage

TooltipProps

extends

Name	Type	Default	Description
text			Text displayed in the tooltip component.

TooltipBaseProps

extends, , , ,

Name	Type	Default	Description
children			Single child of the tooltip considered to trigger the tooltip element.
disabled?		false	Defines if the tooltip is disabled or not.
placement?	| | | | | | | | | | |	'top'	Placement of the tooltip relative to its trigger element.
defaultOpen?		false	Defines if the tooltip should be open initially when used uncontrolled.
open?			Defines if the tooltip is open / closed in a controlled component. In this case, you need to react to onOpenChange yourself in order to open and close the tooltip.
delay?	|	'default'	Defines the type of delay which is used for the tooltip.
onOpenChange?	(isOpen: ) =>		Callback fired when the tooltip opens.
fallbackPlacements?	< | | | | | | | | | | | >		Array of placements to be used as fallback if the tooltip doesn't fit at the specified placement.