Tooltip

Use the Tooltip component to show additional text on hover and click on its trigger element. The trigger element can only be an interactive element, like a button or input.

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.